tntd 1.4.17 → 2.0.0-beta-1

package/lib/business-components/query-list-scene/createActions.d.ts

@@ -0,0 +1,19 @@
+declare function _default(): {
+    setData: (key: any, val: any) => void;
+    getFormData: (name: any) => any;
+    getSubmittedFormData: (name: any) => any;
+    getTableDataSource: () => any;
+    getPagination: () => any;
+    setFormData: (formData: any, needSearch?: boolean) => void;
+    resetFormData: (needSearch?: boolean) => void;
+    setTableDataSource: (dataSource: any) => void;
+    setPagination: (pagination: any) => void;
+    resetMemoryData: () => void;
+    search: (params?: {}, showLoading?: boolean) => Promise<any>;
+    on: (eventName: any, callback: any) => void;
+    emit: (...args: any[]) => void;
+    removeListener: (...args: any[]) => void;
+    off: (...args: any[]) => void;
+};
+export default _default;
+//# sourceMappingURL=createActions.d.ts.map

package/lib/business-components/query-list-scene/createActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createActions.d.ts","sourceRoot":"","sources":["../../../src/business-components/query-list-scene/createActions.js"],"names":[],"mappings":"AAGe;;;;;;;;;;;;;;;;EAkEd"}

package/lib/business-components/query-list-scene/createActions.js

@@ -0,0 +1,66 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const eventemitter3_1 = __importDefault(require("eventemitter3"));
+const lodash_1 = require("lodash");
+exports.default = () => {
+    const eventEmitter = new eventemitter3_1.default();
+    const data = {
+        dataSource: [],
+        pagination: {},
+        formData: {},
+        submittedFormData: {},
+    };
+    return {
+        setData: (key, val) => {
+            (0, lodash_1.set)(data, key, val);
+        },
+        getFormData: (name) => (0, lodash_1.get)(data, `formData${name ? '.' + name : ''}`),
+        getSubmittedFormData: (name) => (0, lodash_1.get)(data, `submittedFormData${name ? '.' + name : ''}`),
+        getTableDataSource: () => (0, lodash_1.get)(data, 'dataSource'),
+        getPagination: () => (0, lodash_1.get)(data, 'pagination'),
+        setFormData: (formData, needSearch = true) => {
+            (0, lodash_1.set)('formData', formData);
+            eventEmitter.emit('setFormData', formData, needSearch);
+        },
+        resetFormData: (needSearch = false) => {
+            eventEmitter.emit('resetFormData', needSearch);
+        },
+        setTableDataSource: (dataSource) => {
+            (0, lodash_1.set)('dataSource', dataSource);
+            eventEmitter.emit('setTableDataSource', dataSource);
+        },
+        setPagination: (pagination) => {
+            (0, lodash_1.set)('pagination', pagination);
+            eventEmitter.emit('setPagination', pagination);
+        },
+        // 重置记忆数据，form、pagination
+        resetMemoryData: () => {
+            data.formData = {};
+            data.pagination = {};
+        },
+        search: (params = {}, showLoading = true) => {
+            return new Promise((resolve, reject) => {
+                eventEmitter.emit('search', params, {
+                    callback: resolve,
+                    showLoading,
+                });
+            });
+        },
+        on: (eventName, callback) => {
+            eventEmitter.on(eventName, callback);
+        },
+        emit: (...args) => {
+            eventEmitter.emit(...args);
+        },
+        removeListener: (...args) => {
+            eventEmitter.removeListener(...args);
+        },
+        off: (...args) => {
+            eventEmitter.removeListener(...args);
+        },
+    };
+};
+//# sourceMappingURL=createActions.js.map

package/lib/business-components/query-list-scene/createActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createActions.js","sourceRoot":"","sources":["../../../src/business-components/query-list-scene/createActions.js"],"names":[],"mappings":"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","sourcesContent":["import EventEmitter from 'eventemitter3'\nimport { get, set } from 'lodash'\n\nexport default () => {\n  const eventEmitter = new EventEmitter()\n  const data = {\n    dataSource: [],\n    pagination: {},\n    formData: {},\n    submittedFormData: {},\n  }\n\n  return {\n    setData: (key, val) => {\n      set(data, key, val)\n    },\n\n    getFormData: (name) => get(data, `formData${name ? '.' + name : ''}`),\n    getSubmittedFormData: (name) => get(data, `submittedFormData${name ? '.' + name : ''}`),\n    getTableDataSource: () => get(data, 'dataSource'),\n    getPagination: () => get(data, 'pagination'),\n\n    setFormData: (formData, needSearch = true) => {\n      set('formData', formData)\n      eventEmitter.emit('setFormData', formData, needSearch)\n    },\n    resetFormData: (needSearch = false) => {\n      eventEmitter.emit('resetFormData', needSearch)\n    },\n    setTableDataSource: (dataSource) => {\n      set('dataSource', dataSource)\n      eventEmitter.emit('setTableDataSource', dataSource)\n    },\n    setPagination: (pagination) => {\n      set('pagination', pagination)\n      eventEmitter.emit('setPagination', pagination)\n    },\n\n    // 重置记忆数据，form、pagination\n    resetMemoryData: () => {\n      data.formData = {}\n      data.pagination = {}\n    },\n\n    search: (params = {}, showLoading = true) => {\n      return new Promise((resolve, reject) => {\n        eventEmitter.emit('search', params, {\n          callback: resolve,\n          showLoading,\n        })\n      })\n    },\n\n    on: (eventName, callback) => {\n      eventEmitter.on(eventName, callback)\n    },\n\n    emit: (...args) => {\n      eventEmitter.emit(...args)\n    },\n\n    removeListener: (...args) => {\n      eventEmitter.removeListener(...args)\n    },\n\n    off: (...args) => {\n      eventEmitter.removeListener(...args)\n    },\n  }\n}\n"]}

package/lib/business-components/query-list-scene/index.d.ts

@@ -0,0 +1,24 @@
+export const QueryForm: typeof Form;
+export const QueryList: typeof List;
+export const createActions: () => {
+    setData: (key: any, val: any) => void;
+    getFormData: (name: any) => any;
+    getSubmittedFormData: (name: any) => any;
+    getTableDataSource: () => any;
+    getPagination: () => any;
+    setFormData: (formData: any, needSearch?: boolean) => void;
+    resetFormData: (needSearch?: boolean) => void;
+    setTableDataSource: (dataSource: any) => void;
+    setPagination: (pagination: any) => void;
+    resetMemoryData: () => void;
+    search: (params?: {}, showLoading?: boolean) => Promise<any>;
+    on: (eventName: any, callback: any) => void;
+    emit: (...args: any[]) => void;
+    removeListener: (...args: any[]) => void;
+    off: (...args: any[]) => void;
+};
+export default QueryListScene;
+import Form from "./QueryForm";
+import List from "./List";
+import QueryListScene from "./QueryListScene";
+//# sourceMappingURL=index.d.ts.map

package/lib/business-components/query-list-scene/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/business-components/query-list-scene/index.js"],"names":[],"mappings":"AASA,oCAA6B;AAC7B,oCAA6B;AAC7B;;;;;;;;;;;;;;;;EAAoC"}

package/lib/business-components/query-list-scene/index.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createActions = exports.QueryList = exports.QueryForm = void 0;
+const QueryListScene_1 = __importDefault(require("./QueryListScene"));
+const Title_1 = __importDefault(require("./Title"));
+const QueryForm_1 = __importDefault(require("./QueryForm"));
+const Toolbar_1 = __importDefault(require("./Toolbar"));
+const List_1 = __importDefault(require("./List"));
+const createActions_1 = __importDefault(require("./createActions"));
+const useActions_1 = __importDefault(require("./useActions"));
+require("./index.less");
+exports.QueryForm = QueryForm_1.default;
+exports.QueryList = List_1.default;
+exports.createActions = createActions_1.default;
+QueryListScene_1.default.Title = Title_1.default;
+QueryListScene_1.default.QueryForm = QueryForm_1.default;
+QueryListScene_1.default.Toolbar = Toolbar_1.default;
+QueryListScene_1.default.QueryList = List_1.default;
+QueryListScene_1.default.Field = QueryForm_1.default.Field;
+QueryListScene_1.default.useActions = useActions_1.default;
+QueryListScene_1.default.createActions = exports.createActions;
+exports.default = QueryListScene_1.default;
+//# sourceMappingURL=index.js.map

package/lib/business-components/query-list-scene/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/business-components/query-list-scene/index.js"],"names":[],"mappings":";;;;;;AAAA,sEAA6C;AAC7C,oDAA2B;AAC3B,4DAA8B;AAC9B,wDAA+B;AAC/B,kDAAyB;AACzB,oEAAqC;AACrC,8DAAqC;AACrC,wBAAqB;AAER,QAAA,SAAS,GAAG,mBAAI,CAAA;AAChB,QAAA,SAAS,GAAG,cAAI,CAAA;AAChB,QAAA,aAAa,GAAG,uBAAO,CAAA;AAEpC,wBAAc,CAAC,KAAK,GAAG,eAAK,CAAA;AAC5B,wBAAc,CAAC,SAAS,GAAG,mBAAI,CAAA;AAC/B,wBAAc,CAAC,OAAO,GAAG,iBAAO,CAAA;AAChC,wBAAc,CAAC,SAAS,GAAG,cAAI,CAAA;AAC/B,wBAAc,CAAC,KAAK,GAAG,mBAAI,CAAC,KAAK,CAAA;AAEjC,wBAAc,CAAC,UAAU,GAAG,oBAAU,CAAA;AACtC,wBAAc,CAAC,aAAa,GAAG,qBAAa,CAAA;AAE5C,kBAAe,wBAAc,CAAA","sourcesContent":["import QueryListScene from './QueryListScene'\nimport Title from './Title'\nimport Form from './QueryForm'\nimport Toolbar from './Toolbar'\nimport List from './List'\nimport Actions from './createActions'\nimport useActions from './useActions'\nimport './index.less'\n\nexport const QueryForm = Form\nexport const QueryList = List\nexport const createActions = Actions\n\nQueryListScene.Title = Title\nQueryListScene.QueryForm = Form\nQueryListScene.Toolbar = Toolbar\nQueryListScene.QueryList = List\nQueryListScene.Field = Form.Field\n\nQueryListScene.useActions = useActions\nQueryListScene.createActions = createActions\n\nexport default QueryListScene\n"]}

package/lib/business-components/query-list-scene/index.less

@@ -0,0 +1,97 @@
+.tnt-querylistscene {
+  position: relative;
+  &.large-size {
+    .tnt-querylistscene-title {
+      height: 48px;
+    }
+  }
+
+  &-title {
+    position: sticky;
+    top: 0;
+    height: 40px;
+    background: #ffffff;
+    line-height: 40px;
+    padding: 0 20px;
+    z-index: 1;
+
+    & > span {
+      font-size: 14px;
+      color: #17233d;
+      letter-spacing: 0;
+    }
+  }
+
+  &-toolbar {
+    padding: 12px 16px 12px;
+    background: #fff;
+    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.06);
+    border-radius: 4px 4px 0 0;
+
+    & > *:not(:last-child) {
+      margin-right: 12px;
+    }
+  }
+
+  &-content {
+    background: #f1f2f5;
+    padding: 16px 20px;
+  }
+
+  &-list {
+    background: #fff;
+    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.06);
+    border-radius: 4px;
+    .hasToolbar & {
+      border-radius: 0 0 4px 4px;
+    }
+
+    .ant-table-pagination.ant-pagination {
+      position: relative;
+      width: 100%;
+      text-align: right;
+      margin-bottom: 0;
+      padding: 12px 16px;
+      background: #fff;
+      margin-top: 0;
+      border-radius: 0 0 4px 4px;
+      box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.06);
+      z-index: 1;
+      // .ant-pagination-item {
+      //     height: 28px;
+      //     line-height: 28px;
+      //     &:not(.ant-pagination-item-active) {
+      //         border: none;
+      //     }
+      // }
+      .ant-pagination-total-text {
+        float: left;
+      }
+      .ant-pagination-options {
+        text-align: left;
+      }
+      .ant-pagination-prev,
+      .ant-pagination-next,
+      .ant-pagination-jump-prev,
+      .ant-pagination-jump-next {
+        height: 28px;
+        line-height: 28px;
+        .ant-pagination-item-link {
+          border: none;
+        }
+      }
+    }
+
+    &.paginationSticky {
+      .ant-table-pagination.ant-pagination {
+        position: sticky;
+        bottom: 0;
+      }
+    }
+    &.hasScrollToBottom {
+      .ant-table-pagination.ant-pagination {
+        box-shadow: none;
+      }
+    }
+  }
+}

package/lib/business-components/query-list-scene/useActions.d.ts

@@ -0,0 +1,18 @@
+export default function useActions(): {
+    setData: (key: any, val: any) => void;
+    getFormData: (name: any) => any;
+    getSubmittedFormData: (name: any) => any;
+    getTableDataSource: () => any;
+    getPagination: () => any;
+    setFormData: (formData: any, needSearch?: boolean) => void;
+    resetFormData: (needSearch?: boolean) => void;
+    setTableDataSource: (dataSource: any) => void;
+    setPagination: (pagination: any) => void;
+    resetMemoryData: () => void;
+    search: (params?: {}, showLoading?: boolean) => Promise<any>;
+    on: (eventName: any, callback: any) => void;
+    emit: (...args: any[]) => void;
+    removeListener: (...args: any[]) => void;
+    off: (...args: any[]) => void;
+};
+//# sourceMappingURL=useActions.d.ts.map

package/lib/business-components/query-list-scene/useActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActions.d.ts","sourceRoot":"","sources":["../../../src/business-components/query-list-scene/useActions.js"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;EAIC"}

package/lib/business-components/query-list-scene/useActions.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const createActions_1 = __importDefault(require("./createActions"));
+function useActions() {
+    const actions = (0, react_1.useRef)((0, createActions_1.default)());
+    return actions.current;
+}
+exports.default = useActions;
+//# sourceMappingURL=useActions.js.map

package/lib/business-components/query-list-scene/useActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActions.js","sourceRoot":"","sources":["../../../src/business-components/query-list-scene/useActions.js"],"names":[],"mappings":";;;;;AAAA,iCAA8B;AAC9B,oEAA2C;AAE3C,SAAwB,UAAU;IAChC,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,IAAA,uBAAa,GAAE,CAAC,CAAA;IAEvC,OAAO,OAAO,CAAC,OAAO,CAAA;AACxB,CAAC;AAJD,6BAIC","sourcesContent":["import { useRef } from 'react'\nimport createActions from './createActions'\n\nexport default function useActions() {\n  const actions = useRef(createActions())\n\n  return actions.current\n}\n"]}

package/lib/business-components/title/index.d.ts

@@ -0,0 +1,3 @@
+declare function _default(props: any): JSX.Element;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/business-components/title/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/business-components/title/index.js"],"names":[],"mappings":"AAIe,mDAyBd"}

package/lib/business-components/title/index.js

@@ -0,0 +1,29 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+require("./index.less");
+exports.default = (props) => {
+    const _a = props || {}, { title = '暂无标题', subTitle, size = 'default', extra, number, simple, style } = _a, rest = __rest(_a, ["title", "subTitle", "size", "extra", "number", "simple", "style"]);
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('tnt-title', size, { 'has-number': number }, { 'is-simple': simple }), style: Object.assign({}, style) },
+        react_1.default.createElement("div", { className: "tnt-title-text" },
+            number && react_1.default.createElement("i", { class: "count" }, number <= 9 ? `0${number}` : number),
+            react_1.default.createElement("h3", null, title),
+            react_1.default.createElement("span", null, subTitle)),
+        extra && react_1.default.createElement("div", { className: "tnt-title-extra" }, extra)));
+};
+//# sourceMappingURL=index.js.map

package/lib/business-components/title/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/business-components/title/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,4DAA2B;AAC3B,wBAAqB;AAErB,kBAAe,CAAC,KAAK,EAAE,EAAE;IACvB,MAAM,KASF,KAAK,IAAI,EAAE,EATT,EACJ,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,OAEQ,EADV,IAAI,cARH,mEASL,CAAc,CAAA;IAEf,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,oBAAE,EAAC,WAAW,EAAE,IAAI,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,EACnF,KAAK,oBAAO,KAAK;QAEjB,uCAAK,SAAS,EAAC,gBAAgB;YAC5B,MAAM,IAAI,qCAAG,KAAK,EAAC,OAAO,IAAE,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAK;YACrE,0CAAK,KAAK,CAAM;YAChB,4CAAO,QAAQ,CAAQ,CACnB;QACL,KAAK,IAAI,uCAAK,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAO,CACpD,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport cn from 'classnames'\nimport './index.less'\n\nexport default (props) => {\n  const {\n    title = '暂无标题',\n    subTitle,\n    size = 'default',\n    extra,\n    number,\n    simple,\n    style,\n    ...rest\n  } = props || {}\n\n  return (\n    <div\n      className={cn('tnt-title', size, { 'has-number': number }, { 'is-simple': simple })}\n      style={{ ...style }}\n    >\n      <div className=\"tnt-title-text\">\n        {number && <i class=\"count\">{number <= 9 ? `0${number}` : number}</i>}\n        <h3>{title}</h3>\n        <span>{subTitle}</span>\n      </div>\n      {extra && <div className=\"tnt-title-extra\">{extra}</div>}\n    </div>\n  )\n}\n"]}

package/lib/business-components/title/index.less

@@ -0,0 +1,171 @@
+.tnt-title {
+  & {
+    position: relative;
+    height: 32px;
+    line-height: 32px;
+    clear: both;
+    overflow: hidden;
+  }
+
+  &.has-number {
+    .tnt-title-text {
+      h3 {
+        margin-left: 0;
+      }
+      &::before {
+        display: none;
+      }
+    }
+    &.is-simple {
+      .count::before {
+        display: none;
+      }
+    }
+    &.small {
+      .count {
+        font-size: 20px;
+        margin-right: 12px;
+        &::before {
+          width: 20px;
+          height: 15px;
+          top: 44%;
+          left: 60%;
+        }
+      }
+    }
+    &.middle {
+      .count {
+        font-size: 24px;
+        margin-right: 12px;
+        &::before {
+          width: 24px;
+          height: 15px;
+          left: 56%;
+        }
+      }
+    }
+    &.large {
+      .count {
+        font-size: 28px;
+        margin-right: 12px;
+        &::before {
+          width: 28px;
+          height: 18px;
+          left: 56%;
+        }
+      }
+    }
+    .count {
+      position: relative;
+      top: -1px;
+      color: #0089ff;
+      font-size: 22px;
+      font-style: normal;
+      margin-right: 12px;
+      position: relative;
+      vertical-align: top;
+      font-weight: 400;
+      font-family: Roboto, 'Helvetica Neue', Helvetica, Tahoma, Arial, 'PingFang SC',
+        'Microsoft YaHei' !important;
+      letter-spacing: 1px;
+    }
+    .count::before {
+      position: absolute;
+      display: block;
+      content: '';
+      width: 22px;
+      height: 15px;
+      border-top: 1px solid #0089ff;
+      background-color: #fff;
+      top: 45%;
+      left: 58%;
+      transform: rotate(-45deg);
+      -webkit-transform: rotate(-45deg);
+    }
+  }
+  &.small {
+    & {
+      height: 28px;
+      line-height: 28px;
+    }
+    .tnt-title-text {
+      h3 {
+        font-size: 14px;
+      }
+      &::before {
+        height: 14px;
+        top: 7px;
+      }
+    }
+  }
+  &.middle {
+    & {
+      height: 36px;
+      line-height: 36px;
+    }
+    .tnt-title-text {
+      h3 {
+        font-size: 18px;
+      }
+      &::before {
+        height: 18px;
+        top: 9px;
+      }
+    }
+  }
+  &.large {
+    & {
+      height: 40px;
+      line-height: 40px;
+    }
+    .tnt-title-text {
+      h3 {
+        font-size: 20px;
+      }
+      &::before {
+        height: 20px;
+        top: 9px;
+      }
+    }
+  }
+  .tnt-title-text {
+    & {
+      position: relative;
+      float: left;
+    }
+    h3 {
+      font-size: 16px;
+      color: #17233d;
+      font-weight: normal;
+      margin: 0;
+      margin-right: 10px;
+      margin-left: 10px;
+      display: inline-block;
+    }
+    span {
+      position: relative;
+      top: 1px;
+      font-size: 12px;
+      color: #8b919e;
+      margin-right: 10px;
+      line-height: 1;
+    }
+    &::before {
+      position: absolute;
+      left: 0;
+      top: 8px;
+      background-color: #126bfb;
+      content: '';
+      width: 3px;
+      height: 16px;
+      margin-right: 8px;
+    }
+  }
+  .tnt-title-extra {
+    & {
+      position: relative;
+      float: right;
+      margin-left: 8px;
+    }
+  }
+}