@nokecy/qc-ui 0.5.0 → 0.6.0

package/dist/esm/array-table/index.js

@@ -1,145 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { Fragment, useRef, useState } from "react";
-import { AgGridReact } from "ag-grid-react";
-import { useField, observer, RecursionField } from "@formily/react";
-import { useFieldSchema } from "@formily/react";
-import { connect, mapProps, mapReadPretty } from "@formily/react";
-import uniqueId from "lodash/uniqueId";
-import { useAddition, useArrayTableColumns, useArrayTableSources, isColumnComponent } from "./utils";
-import ArrayBase from "./arrayBase";
-import ArrayAddBtn from "./arrayAddBtn";
-import PreviewArrayTable from "./preview";
-import { Space } from "antd";
-
-//@ts-ignore
-var ArrayTable = observer(function (props) {
-  var height = props.height;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isAdd = _useState2[0],
-    setIsAdd = _useState2[1];
-  var apiRef = useRef();
-  var ref = useRef();
-  var field = useField();
-  var dataSource = Array.isArray(field.value) ? field.value.slice() : [];
-  var sources = useArrayTableSources();
-  var columns = useArrayTableColumns(dataSource, field, sources);
-  var schema = useFieldSchema();
-  //@ts-ignore
-  var onAdd = props.onAdd,
-    onCopy = props.onCopy,
-    onRemove = props.onRemove,
-    onMoveDown = props.onMoveDown,
-    onMoveUp = props.onMoveUp;
-  var addition = useAddition();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Space, {
-    style: {
-      marginBottom: 5
-    }
-  }, addition ? /*#__PURE__*/React.createElement(ArrayAddBtn, {
-    arrayField: field,
-    schema: schema,
-    defaultValue: {
-      _id: uniqueId(),
-      _isNew: true
-    },
-    title: "新增",
-    onAdd: function onAdd() {
-      setIsAdd(true);
-    }
-  }) : null), /*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    style: {
-      height: height ? height : 400
-    }
-  }, /*#__PURE__*/React.createElement(ArrayBase, {
-    onAdd: onAdd,
-    onCopy: onCopy,
-    onRemove: onRemove,
-    onMoveUp: onMoveUp,
-    onMoveDown: onMoveDown
-  }, /*#__PURE__*/React.createElement(AgGridReact, {
-    onGridReady: function onGridReady(params) {
-      params.api.hidePopupMenu();
-      apiRef.current = params.api;
-    },
-    gridOptions: {
-      enableCellTextSelection: true,
-      ensureDomOrder: true
-    },
-    onRowDataUpdated: function onRowDataUpdated(e) {
-      if (isAdd) {
-        var _apiRef$current;
-        (_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 || _apiRef$current.ensureIndexVisible(dataSource.length - 1, "bottom");
-        setIsAdd(false);
-      }
-    },
-    suppressClipboardApi: true,
-    suppressClipboardPaste: true,
-    preventDefaultOnContextMenu: true,
-    enableCellTextSelection: true,
-    suppressCopyRowsToClipboard: true,
-    suppressCopySingleCellRanges: true,
-    className: "ag-theme-alpine",
-    defaultColDef: {
-      resizable: true,
-      headerComponentParams: {
-        template: '<div class="ag-cell-label-container" role="presentation">' +
-        // '  <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
-        '  <div ref="eLabel" class="ag-header-cell-label" role="presentation">' + '    <span ref="eText" class="ag-header-cell-text"></span>' +
-        // '    <span ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
-        // '    <span ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
-        '    <span ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + '    <span ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + '    <span ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + "  </div>" + "</div>"
-      }
-    },
-    getRowId: function getRowId(_ref) {
-      var data = _ref.data;
-      return data._id || data.id;
-    }
-    // rowDragEntireRow={true}
-    // onRowDragEnd={(event) => {
-    //   const { overIndex, node } = event;
-    //   field.move(node.rowIndex!, overIndex);
-    // }}
-    // onSortChanged={(event) => {
-    //   const columnStates = event.columnApi.getColumnState();
-    //   if (columnStates.filter((x) => x.sort).length > 0) {
-    //     const columnState = columnStates.filter((x) => x.sort)[0];
-    //     field.value = sortBy(field.value, columnState.colId);
-    //   }
-    // }}
-    ,
-    rowHeight: 38,
-    pagination: false,
-    columnDefs: columns,
-    rowData: dataSource
-  }), sources.map(function (column, key) {
-    //专门用来承接对Column的状态管理
-    if (!isColumnComponent(column.schema)) return;
-    return /*#__PURE__*/React.createElement(RecursionField, {
-      name: column.name,
-      schema: column.schema,
-      onlyRenderSelf: true,
-      key: key
-    });
-  }))));
-});
-ArrayTable.displayName = "ArrayTable";
-ArrayTable.Column = function () {
-  return /*#__PURE__*/React.createElement(Fragment, null);
-};
-ArrayBase.mixin(ArrayTable);
-export default connect(ArrayTable, mapProps(function (props, field) {
-  return _objectSpread({}, props);
-}), mapReadPretty(PreviewArrayTable));

package/dist/esm/array-table/interface.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/array-table/preview.js

@@ -1,49 +0,0 @@
-import React, { useRef } from "react";
-import { AgGridReact } from "ag-grid-react";
-import { useField } from "@formily/react";
-import { useArrayTableColumns, useArrayTableSources } from "./utils";
-
-//@ts-ignore
-var ArrayTable = function ArrayTable(props) {
-  var height = props.height;
-  var apiRef = useRef();
-  var field = useField();
-  var dataSource = Array.isArray(field.value) ? field.value.slice() : [];
-  var sources = useArrayTableSources();
-  var columns = useArrayTableColumns(dataSource, field, sources);
-  console.log("columns", sources);
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: height ? height : 400
-    }
-  }, /*#__PURE__*/React.createElement(AgGridReact, {
-    onGridReady: function onGridReady(params) {
-      apiRef.current = params.api;
-    },
-    className: "ag-theme-alpine",
-    gridOptions: {
-      enableCellTextSelection: true,
-      ensureDomOrder: true
-    },
-    defaultColDef: {
-      resizable: true,
-      headerComponentParams: {
-        template: '<div class="ag-cell-label-container" role="presentation">' +
-        // '  <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
-        '  <div ref="eLabel" class="ag-header-cell-label" role="presentation">' + '    <span ref="eText" class="ag-header-cell-text"></span>' +
-        // '    <span ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
-        // '    <span ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
-        '    <span ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + '    <span ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + '    <span ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + "  </div>" + "</div>"
-      }
-    },
-    getRowId: function getRowId(_ref) {
-      var data = _ref.data;
-      return data._id || data.id;
-    },
-    rowHeight: 38,
-    pagination: false,
-    columnDefs: columns,
-    rowData: dataSource
-  }));
-};
-export default ArrayTable;

package/dist/esm/array-table/utils.js

@@ -1,124 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { forwardRef } from 'react';
-import { useField, useFieldSchema, RecursionField } from '@formily/react';
-import { isArr } from '@formily/shared';
-import ArrayBase from "./arrayBase";
-var isColumnComponent = function isColumnComponent(schema) {
-  var _schema$xComponent;
-  return ((_schema$xComponent = schema['x-component']) === null || _schema$xComponent === void 0 ? void 0 : _schema$xComponent.indexOf('Column')) > -1;
-};
-var isOperationsComponent = function isOperationsComponent(schema) {
-  var _schema$xComponent2;
-  return ((_schema$xComponent2 = schema['x-component']) === null || _schema$xComponent2 === void 0 ? void 0 : _schema$xComponent2.indexOf('Operations')) > -1;
-};
-var isAdditionComponent = function isAdditionComponent(schema) {
-  var _schema$xComponent3;
-  return ((_schema$xComponent3 = schema['x-component']) === null || _schema$xComponent3 === void 0 ? void 0 : _schema$xComponent3.indexOf('Addition')) > -1;
-};
-var useArrayTableSources = function useArrayTableSources() {
-  var arrayField = useField();
-  var schema = useFieldSchema();
-  var parseSources = function parseSources(schema) {
-    if (isColumnComponent(schema) || isOperationsComponent(schema) || isAdditionComponent(schema)) {
-      var _schema$xComponentP, _schema$xComponentP2, _field$component;
-      if (!((_schema$xComponentP = schema['x-component-props']) !== null && _schema$xComponentP !== void 0 && _schema$xComponentP['dataIndex']) && !schema['name']) return [];
-      var name = ((_schema$xComponentP2 = schema['x-component-props']) === null || _schema$xComponentP2 === void 0 ? void 0 : _schema$xComponentP2['dataIndex']) || schema['name'];
-      var field = arrayField.query(arrayField.address.concat(name)).take();
-      //@ts-ignore
-      var columnProps = (field === null || field === void 0 || (_field$component = field.component) === null || _field$component === void 0 ? void 0 : _field$component[1]) || schema['x-component-props'] || {};
-      var display = (field === null || field === void 0 ? void 0 : field.display) || schema['x-display'];
-      return [{
-        name: name,
-        display: display,
-        //@ts-ignore
-        field: field,
-        schema: schema,
-        columnProps: columnProps
-      }];
-    } else if (schema.properties) {
-      return schema.reduceProperties(function (buf, schema) {
-        //@ts-ignore
-        return buf.concat(parseSources(schema));
-      }, []);
-    }
-    return [];
-  };
-  var parseArrayItems = function parseArrayItems(schema) {
-    if (!schema) return [];
-    var sources = [];
-    var items = isArr(schema) ? schema : [schema];
-    return items.reduce(function (columns, schema) {
-      var item = parseSources(schema);
-      if (item) {
-        return columns.concat(item);
-      }
-      return columns;
-    }, sources);
-  };
-  if (!schema) throw new Error('can not found schema object');
-  return parseArrayItems(schema.items);
-};
-var AgField = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var value = _ref.value,
-    record = _ref.data,
-    dataSource = _ref.dataSource,
-    schema = _ref.schema,
-    field = _ref.field;
-  var index = dataSource === null || dataSource === void 0 ? void 0 : dataSource.indexOf(record);
-  var children =
-  /*#__PURE__*/
-  //@ts-ignore
-  React.createElement(ArrayBase.Item, {
-    index: index,
-    record: function record() {
-      var _field$value;
-      return (_field$value = field.value) === null || _field$value === void 0 ? void 0 : _field$value[index];
-    },
-    schema: schema,
-    field: field
-  }, /*#__PURE__*/React.createElement(RecursionField, {
-    schema: schema,
-    name: index,
-    onlyRenderProperties: true
-  }));
-  return children;
-});
-var useArrayTableColumns = function useArrayTableColumns(dataSource, field, sources) {
-  return sources.reduce(function (buf, _ref2, key) {
-    var name = _ref2.name,
-      columnProps = _ref2.columnProps,
-      schema = _ref2.schema,
-      display = _ref2.display;
-    if (display && display !== 'visible') return buf;
-    if (!isColumnComponent(schema)) return buf;
-    return buf.concat(_objectSpread(_objectSpread({}, columnProps), {}, {
-      //@ts-ignore
-      headerName: columnProps.headerName || columnProps.title,
-      field: name,
-      cellRendererParams: {
-        dataSource: dataSource,
-        schema: schema,
-        field: field
-      },
-      cellRenderer: AgField
-    }));
-  }, []);
-};
-var useAddition = function useAddition() {
-  var schema = useFieldSchema();
-  return schema.reduceProperties(function (addition, schema, key) {
-    if (isAdditionComponent(schema)) {
-      return /*#__PURE__*/React.createElement(RecursionField, {
-        schema: schema,
-        name: key
-      });
-    }
-    return addition;
-  }, null);
-};
-export { isColumnComponent, useArrayTableSources, useArrayTableColumns, useAddition };

package/dist/esm/array-table-index/index.js

@@ -1,10 +0,0 @@
-import React, { useEffect } from 'react';
-import { ArrayBase } from "../array-table/arrayBase";
-export default (function (props) {
-  var onChange = props.onChange;
-  var index = ArrayBase.useIndex();
-  useEffect(function () {
-    onChange(index + 1);
-  }, [index]);
-  return /*#__PURE__*/React.createElement("span", props, "#", index + 1, ".");
-});

package/dist/esm/dashboard/dashboard/components/index.js

@@ -1,2 +0,0 @@
-import Toolbar from "./toolbar";
-export { Toolbar };

package/dist/esm/dashboard/dashboard/components/modal/index.js

@@ -1,15 +0,0 @@
-export default (function () {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", {
-    className: "modal-state",
-    id: "modal-2",
-    type: "checkbox"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "modal"
-  }, /*#__PURE__*/React.createElement("label", {
-    className: "modal__bg"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "modal__inner"
-  }, /*#__PURE__*/React.createElement("label", {
-    className: "modal__close"
-  }))));
-});

package/dist/esm/dashboard/dashboard/components/toolbar/index.js

@@ -1,22 +0,0 @@
-import classNames from 'classnames';
-import React from 'react';
-import "./style";
-var prefixCls = 'react-dashboard-toolbar';
-var Toolbar = function Toolbar(props) {
-  var extraLeft = props.extraLeft,
-    extraRight = props.extraRight,
-    fixed = props.fixed,
-    className = props.className,
-    style = props.style;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames(prefixCls, fixed ? "".concat(prefixCls, "-fixed") : '', className),
-    style: style
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-left")
-  }, extraLeft), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-space")
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-right")
-  }, extraRight));
-};
-export default Toolbar;

package/dist/esm/dashboard/dashboard/components/toolbar/style/index.js

@@ -1 +0,0 @@
-import "./index.less";

package/dist/esm/dashboard/dashboard/components/toolbar/style/index.less

@@ -1,49 +0,0 @@
-.react-dashboard-toolbar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  // width: 100%;
-  padding: 0 10px;
-  padding-bottom: 10px;
-  // background: var(--component-background);
-
-  &:after {
-    display: block;
-    clear: both;
-    content: '';
-  }
-
-  &-left {
-    float: left;
-
-    button {
-      margin-right: 10px;
-    }
-  }
-
-  &-right {
-    float: right;
-
-    button {
-      margin-left: 10px;
-    }
-  }
-
-  &-space {
-    flex: auto;
-    height: 1px;
-    margin: 0 !important;
-    padding: 0 !important;
-    border: 0 !important;
-    -webkit-box-flex: 1;
-  }
-
-  &-fixed {
-    position: fixed;
-    right: 0;
-    bottom: 0;
-    z-index: 9;
-    border-top: 1px solid rgba(128, 128, 128, 0.1);
-    box-shadow: 0 -1px 2px rgba(128, 128, 128, 0.03);
-  }
-}