@cgeui/business-components 0.0.1 → 0.0.3

package/dist/lib/TablePage/demo/selectAll.js

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ = require("../..");
+var _components = require("@cgeui/components");
+var _react = require("react");
+var _reactIntl = require("react-intl");
+var _jsxRuntime = require("react/jsx-runtime");
+var App = function App() {
+  var tableRef = (0, _react.useRef)(null);
+  var request = function request() {
+    return {
+      success: true,
+      data: [{
+        id: 1,
+        name: 'lisi',
+        age: 26
+      }, {
+        id: 2,
+        name: 'zhangsan',
+        age: 28
+      }, {
+        id: 3,
+        name: 'lisi',
+        age: 26
+      }, {
+        id: 4,
+        name: 'zhangsan',
+        age: 28
+      }, {
+        id: 5,
+        name: 'lisi',
+        age: 26
+      }, {
+        id: 6,
+        name: 'zhangsan',
+        age: 28
+      }, {
+        id: 7,
+        name: 'lisi',
+        age: 26
+      }, {
+        id: 8,
+        name: 'zhangsan',
+        age: 28
+      }, {
+        id: 9,
+        name: 'lisi',
+        age: 26
+      }, {
+        id: 10,
+        name: 'zhangsan',
+        age: 28
+      }, {
+        id: 11,
+        name: 'lisi',
+        age: 26
+      }, {
+        id: 12,
+        name: 'zhangsan',
+        age: 28
+      }],
+      total: 12
+    };
+  };
+  var columns = {
+    id: {
+      dataIndex: 'id',
+      title: 'id'
+    },
+    name: {
+      dataIndex: 'name',
+      title: 'name',
+      key: 'name'
+    },
+    age: {
+      dataIndex: 'age',
+      title: 'age',
+      key: 'age'
+    },
+    operation: {
+      title: 'operation',
+      search: false
+    }
+  };
+  var defaultOperationConfig = {
+    C: {},
+    R: {},
+    U: {},
+    D: {}
+  };
+  var handleClickViewRes = function handleClickViewRes(selectedRowKeys) {
+    var _tableRef$current;
+    console.log('handleClickViewRes', selectedRowKeys);
+    (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 || _tableRef$current.reloadAndRest();
+  };
+  var appendBatchOperation = function appendBatchOperation(selectedRowKeys) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        onClick: function onClick() {
+          handleClickViewRes(selectedRowKeys);
+        },
+        disabled: selectedRowKeys.length === 0,
+        children: '批量发布'
+      })
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.IntlProvider, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TablePage, {
+      ref: tableRef,
+      defaultOperationConfig: defaultOperationConfig,
+      request: request,
+      columns: columns,
+      scroll: {
+        x: 800
+      },
+      appendBatchOperation: appendBatchOperation,
+      style: {
+        marginTop: '50px'
+      }
+    })
+  });
+};
+var _default = exports.default = App;

package/dist/lib/TablePage/demo/toolButtonOffset.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ = require("../..");
+var _react = require("react");
+var _reactIntl = require("react-intl");
+require("./adjust.less");
+var _jsxRuntime = require("react/jsx-runtime");
+var App = function App() {
+  var ref = (0, _react.useRef)(null);
+  var request = function request() {
+    return {
+      success: true,
+      data: [{
+        name: 'lisi',
+        age: 26
+      }, {
+        name: 'zhangsan',
+        age: 28
+      }],
+      total: 2
+    };
+  };
+  var columns = {
+    name: {
+      dataIndex: 'name',
+      title: 'name'
+    },
+    age: {
+      dataIndex: 'age',
+      title: 'age'
+    },
+    operation: {
+      title: 'operation',
+      search: false
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.IntlProvider, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TablePage, {
+      ref: ref,
+      request: request,
+      columns: columns,
+      scroll: {
+        x: 800
+      },
+      style: {
+        marginTop: '50px'
+      },
+      toolButtonOffset: {
+        xOffset: 18,
+        yOffset: -18
+      }
+    })
+  });
+};
+var _default = exports.default = App;

package/dist/lib/TablePage/index.css

@@ -0,0 +1,106 @@
+.tablePage {
+  position: relative;
+}
+
+.tablePage .tablePageButton {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  position: absolute;
+  right: 0;
+  top: -50px;
+}
+
+.tablePage .tablePageButton .ant-btn {
+  margin-left: 20px;
+}
+
+.tablePage .table-operation .ant-btn-link {
+  padding: 0 !important;
+}
+
+.tablePage .ant-pro-table-search {
+  background: var(--catd-bg-color-secondary);
+  margin-bottom: 0;
+}
+
+.tablePage
+  .ant-pro-table-search
+  .pro-form-query-filter-actions
+  .ant-space-horizontal {
+  flex-direction: row-reverse;
+}
+
+.tablePage .ant-pro-table-search .ant-form-item-label {
+  width: 100px;
+  text-align: left !important;
+}
+
+.tablePage .ant-table-row .ant-space-align-center {
+  justify-content: flex-start !important;
+}
+
+.tablePage .ant-pro-table > .ant-pro-card {
+  top: 0;
+  background: var(--catd-bg-color-secondary);
+}
+
+.tablePage .ant-pro-table .ant-pro-card-body {
+  border-top: 1px solid var(--catd-component-border-color);
+  padding-top: var(--catd-margin-xxl) !important;
+}
+
+.tablePage .ant-col-offset-6 {
+  padding-right: 0 !important;
+}
+
+.tablePage .ant-pro-table-alert {
+  display: none;
+}
+
+.ant-form-horizontal .ant-formily-item-label {
+  width: 40%;
+  justify-content: flex-start !important;
+}
+
+.ant-form-horizontal .ant-formily-item-label .ant-formily-item-label-content {
+  height: 30px;
+  line-height: 30px;
+}
+
+.ant-form-horizontal .ant-formily-item-control-content {
+  word-break: break-word;
+}
+
+.ant-form-horizontal .ant-input-number {
+  width: 100% !important;
+}
+
+.ant-formily-item-label {
+  color: var(--catd-text-85) !important;
+  font-family: 'Source Han Sans CN';
+  font-weight: 400 !important;
+}
+
+.ant-formily-item-label .ant-formily-item-asterisk {
+  position: absolute;
+  left: -11px;
+}
+
+.ant-drawer-content .modal-button {
+  position: absolute;
+  bottom: 20px;
+  left: 0;
+  padding-left: 24px;
+  padding-top: 12px;
+  width: 100%;
+  border-top: 1px solid var(--catd-form-line);
+}
+
+.ant-drawer-content .modal-button .ant-btn {
+  margin-right: 20px;
+}
+
+.ant-drawer-content .modal-button .ant-btn-primary {
+  float: left;
+}