Giter Club home page Giter Club logo

rdkmaster / jigsaw Goto Github PK

View Code? Open in Web Editor NEW
477.0 477.0 72.0 72.77 MB

Jigsaw七巧板 provides a set of web components based on Angular5/8/9+. The main purpose of Jigsaw is to help the application developers to construct complex & intensive interacting & user friendly web pages. Jigsaw is supporting the development of all applications of Big Data Product of ZTE.

Home Page: https://jigsaw-zte.gitee.io

License: MIT License

HTML 47.57% TypeScript 23.60% CSS 15.46% JavaScript 10.37% Shell 0.06% AutoIt 0.04% SCSS 2.91%
angular bigdata component jigsaw jigsaw-seed typescript webui zte

jigsaw's People

Contributors

10222927 avatar 10229428 avatar angular-cli avatar damoqiongqiu avatar dependabot[bot] avatar firstimpression avatar gbin03 avatar gloryoftan avatar hanz6 avatar hpyou avatar imbnnn avatar jiiiin avatar mirror2tina avatar mrbaoicon avatar oicqcx avatar rdkmaster avatar yangxiaoyu13 avatar yueyueniao187 avatar yxxx0128 avatar zcg1991 avatar zhangchen915 avatar zhongzhong0505 avatar ztezyf avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

jigsaw's Issues

RdkDialog、RdkAlert、RdkTooltipDialog、RdkMenu、RdkLoading等增加静态方法popup(),用于直接弹出自己

下面以RdkDialog为例,在RdkDialog上增加popup()静态方法,其定义如下:

public static popup(optionis?:PopupOptions, initData?: any)

应用使用 RdkDialog.popup() 看直接将一个对话框弹出来

实现上,非常简单:

PopupService.popup(RdkDialog, optionis, initData);

关于PopupService.popup,看这里 #139

http://gitlab.zte.com.cn/10045812/jigsaw/issues/140

表格baisc demo报错 http://rdk.zte.com.cn/demo/table/basic

core.es5.js:1020 ERROR Error: Uncaught (in promise): TypeError: Object.setPrototypeOf called on null or undefined
TypeError: Object.setPrototypeOf called on null or undefined
    at setPrototypeOf (<anonymous>)
    at webpackJsonp.628.__extends (table-service.ts:13)
    at table.ts:72
    at Object.628 (table.ts:883)
    at __webpack_require__ (bootstrap d812394…:52)
    at Object.429 (1.chunk.js:374)
    at __webpack_require__ (bootstrap d812394…:52)
    at src async:115
    at ZoneDelegate.invoke (zone.js:391)
    at Object.onInvoke (core.es5.js:3933)
    at setPrototypeOf (<anonymous>)
    at webpackJsonp.628.__extends (table-service.ts:13)
    at table.ts:72
    at Object.628 (table.ts:883)
    at __webpack_require__ (bootstrap d812394…:52)
    at Object.429 (1.chunk.js:374)
    at __webpack_require__ (bootstrap d812394…:52)
    at src async:115
    at ZoneDelegate.invoke (zone.js:391)
    at Object.onInvoke (core.es5.js:3933)
    at resolvePromise (zone.js:770)
    at resolvePromise (zone.js:741)
    at zone.js:818
    at ZoneDelegate.invokeTask (zone.js:424)
    at Object.onInvokeTask (core.es5.js:3924)
    at ZoneDelegate.invokeTask (zone.js:423)
    at Zone.runTask (zone.js:191)
    at drainMicroTaskQueue (zone.js:584)
    at <anonymous>

使用Typescript 2.4.1版本编译时rxjs报错

报错信息如下:
image
该错误是rxjs在高版本typescript下的bug,rxjs/#issue2539
解决方案有2个:

  • 使用rxjs v6 alpha版本
  • 修改node_modules/rxjs/Subject.d.ts文件的第24行的Observable<T>为Observable<any>临时解决
    image
    image
    不知道是不是通用问题,我在使用的时候遇到了,在这里分享一下解决方法,希望能有所帮助。 : )

草拟了一个组件代码的编码规范,比较粗糙,后续慢慢细化

  • 代码中对所有东西的命名,一律采用驼峰命名法,例如checkProperty,而不要命名为 check_property
  • 关于类型的总体原则,包括变量、方法返回值、形参等,全部加上类型,并且类型越具体越好。any类型的变量尽可能的少用。
    • 作用域大于等于类时,必须严格遵守这个规范,不允许无类型。包括类的成员变量、成员方法(包括形参和返回值),包括全局变量、方法。
    • 对于函数的局部变量、代码块内的局部变量,在编译器能够精确推导得到其类型时,可以忽略类型。比如 const a = "a string";
  • 所有命名严禁以拼音来命名,必须以词义恰当的英语单词来命名。命名时,要注意单词的时态、单复数等情况。总体原则是让他人能够“顾名思义”,而不用去猜测其作用。
  • 命名时,尽量避免使用缩写(现在的IDE提示很强大,即使很长的变量名,也不需要手敲很多字符),不要出现类似checkPropStatus一半单词缩写一半全写的情形。
    • 尽量采用约定俗成的缩写,不要自己发明,比如property常常缩写为prop,就别自己发明一个prpt,pro,proper这样的奇怪的缩写。
  • 所有的类、接口、自定义类型、枚举类名,都以大写字母开头。其中接口一律以字母I开头,抽象类一律以Abstract开头,枚举项以小写字母开头。
  • 所有的方法、变量,都以小写字母开头。所有json对象的属性,也以小写字母开头
  • 对于方法命名
    • 命名时一般以动宾结构的方式,比如checkProperty,其中check是一个动词,property是一个宾语,而不要命名为propertyCheck
    • 对于一些类型是Function的变量的命名,建议也采用这个方式命名,比如 const removeClickEvent = window.listen('click', ...)
    • 对于一些回调函数,也可根据习惯命名为 xxxxHandler,但是应该尽量避免。
    • 类的private成员方法一律以下划线开头,public/protected成员方法不得以下划线开头
    • 必须在组件内的其他类调用,且不希望对应用开放的成员方法,也以下划线开头。尽量避免出现这个情形。
  • 对于类、变量、自定义类型、枚举类名的命名
    • 一般以名词或者形容词+名词的结构来命名,比如data,更具体的data可以命名为initialData,更具体且有时态的initializedData
    • 对于类的成员变量、成员方法,尽量避免使用单一的单词,应该尽可能的增加一些形容词、时态来修饰成员变量、成员方法,特别是public的成员变量、方法,更是需要描述的精确。比如光秃秃的一个data,鬼才知道这是啥data。
    • 类的private成员变量一律以下划线开头,public/protected成员变量不得以下划线开头
    • 必须在组件内的其他类调用,且不希望对应用开放的成员变量,也以下划线开头。尽量避免出现这个情形。
  • 在模板中用到的组件的变量和方法,都以 _$ 开头。因为这些变量必须定义成public的,否则在prod模式下编译会失败,而这些变量、方法往往都是私有的。

更多详细的规范请参考这里 http://wiki.zte.com.cn/pages/viewpage.action?pageId=38540246

http://gitlab.zte.com.cn/10045812/jigsaw/issues/266

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.