ztxkui 4.2.17 → 4.2.18-10

package/dist/DemoCom/SyhDemo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const SyhDemo: () => JSX.Element;
+export default SyhDemo;

package/dist/DemoCom/SyhDemo.js

@@ -0,0 +1,257 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+/**
+ * @description
+ */
+import React, { useState, useRef, useEffect, useCallback } from 'react';
+import SearchContainer from '../components/business/SearchContainer';
+import Form from '../components/Form';
+import Input from 'components/Input';
+import Table from 'components/Table';
+import DatePicker from 'components/DatePicker';
+import { Cascader } from 'antd';
+import dayjs from 'dayjs';
+import { timeTransfrom } from 'ztxkutils/dist/tools';
+var SearchItem = SearchContainer.SearchItem, SearchLeft = SearchContainer.SearchLeft, SearchRight = SearchContainer.SearchRight;
+var TextArea = Input.TextArea;
+var RangePicker = DatePicker.RangePicker;
+var aa = [
+    {
+        extra: '1',
+        hasChildren: true,
+        id: '1460583429813227521',
+        key: '1460583429813227521',
+        parentId: '1460582731688103938',
+        remark: null,
+        label: '合同工',
+        value: '1',
+        children: [
+            {
+                extra: '11',
+                id: '1460582731776184321',
+                key: '1460582731776184321',
+                parentId: '1460583429813227521',
+                remark: null,
+                label: '合同制',
+                value: '11',
+            },
+            {
+                extra: '16',
+                id: '1460582731797155842',
+                key: '1460582731797155842',
+                parentId: '1460583429813227521',
+                remark: null,
+                label: '退休返聘',
+                value: '16',
+            },
+        ],
+    },
+    {
+        extra: '2',
+        hasChildren: true,
+        id: '1460583501221253121',
+        key: '1460583501221253121',
+        parentId: '1460582731688103938',
+        remark: null,
+        label: '非合同工',
+        value: '2',
+        children: [
+            {
+                extra: '12',
+                id: '1460582731784572929',
+                key: '1460582731784572929',
+                parentId: '1460583501221253121',
+                remark: null,
+                label: '非全日制',
+                value: '12',
+            },
+            {
+                extra: '13',
+                id: '1460582731792961538',
+                key: '1460582731792961538',
+                parentId: '1460583501221253121',
+                remark: null,
+                label: '临时协议',
+                value: '13',
+            },
+            {
+                extra: '15',
+                id: '1460582731792961539',
+                key: '1460582731792961539',
+                parentId: '1460583501221253121',
+                remark: null,
+                label: '劳务派遣',
+                value: '15',
+            },
+            {
+                extra: '22',
+                id: '1460582731797155843',
+                key: '1460582731797155843',
+                parentId: '1460583501221253121',
+                remark: null,
+                label: '外包协议',
+                value: '22',
+            },
+        ],
+    },
+];
+var SyhDemo = function () {
+    var form = Form.useForm()[0];
+    var _a = useState([
+        { id: 1, test1: 1, test2: 1 },
+    ]), records = _a[0], setRecords = _a[1];
+    var recordsRef = useRef([]);
+    var _b = useState(false), firstRender = _b[0], setFirstRender = _b[1];
+    // 新增删除行改变
+    var _c = useState(false), lengthChange = _c[0], setLengthChange = _c[1];
+    useEffect(function () {
+        recordsRef.current = records;
+    }, [records]);
+    var columns = [
+        {
+            title: '序号',
+            width: 38,
+            fixed: 'left',
+            key: 'index',
+            render: function (text, _record, index) { return "" + (index + 1); },
+        },
+        {
+            title: '测试1',
+            width: 100,
+            dataIndex: 'test1',
+            key: 'test1',
+            render: function (text, record, index) { return (React.createElement(TextArea, { value: text, maxLength: 6, autoSize: { minRows: 1 }, onChange: function (e) {
+                    var newRecord = {
+                        test1: e.target.value,
+                    };
+                    onEditableSaveHandle(newRecord, index);
+                } })); },
+            shouldCellUpdate: function (record, preRecord) {
+                if (firstRender) {
+                    setFirstRender(false);
+                    return true;
+                }
+                if (lengthChange) {
+                    setLengthChange(false);
+                    return true;
+                }
+                return record.test1 !== preRecord.test1;
+            },
+        },
+        {
+            title: '测试2',
+            width: 100,
+            dataIndex: 'test2',
+            key: 'test2',
+            editable: true,
+            editableConfig: {
+                type: 'textArea',
+                maxLength: 6,
+            },
+        },
+        {
+            title: '测试3',
+            width: 100,
+            dataIndex: 'test3',
+            key: 'test3',
+            render: function (text, record, index) { return (React.createElement(DatePicker, { value: text ? dayjs(text) : null, onChange: function (value, dateString) {
+                    var newRecord = {
+                        test3: dateString,
+                    };
+                    onEditableSaveHandle(newRecord, index);
+                } })); },
+            shouldCellUpdate: function (record, preRecord) {
+                if (firstRender) {
+                    setFirstRender(false);
+                    return true;
+                }
+                if (lengthChange) {
+                    setLengthChange(false);
+                    return true;
+                }
+                return record.test3 !== preRecord.test3;
+            },
+        },
+        {
+            title: '测试4',
+            width: 100,
+            dataIndex: 'text4Start',
+            key: 'text4Start',
+            render: function (text, record, index) {
+                var newParams = (record === null || record === void 0 ? void 0 : record.text4Start) && (record === null || record === void 0 ? void 0 : record.test4End)
+                    ? timeTransfrom({
+                        params: {
+                            text4Start: record === null || record === void 0 ? void 0 : record.text4Start,
+                            test4End: record === null || record === void 0 ? void 0 : record.test4End,
+                        },
+                        fromKey: [['text4Start', 'test4End']],
+                        toKey: ['text4'],
+                        type: 'object',
+                    })
+                    : {};
+                return (React.createElement(RangePicker, { value: newParams === null || newParams === void 0 ? void 0 : newParams.text4, onChange: function (value) {
+                        var newRecord = timeTransfrom({
+                            params: { text4: value },
+                            fromKey: ['text4'],
+                            toKey: [['text4Start', 'test4End']],
+                        });
+                        onEditableSaveHandle(newRecord, index);
+                    } }));
+            },
+            shouldCellUpdate: function (record, preRecord) {
+                if (firstRender) {
+                    setFirstRender(false);
+                    return true;
+                }
+                if (lengthChange) {
+                    setLengthChange(false);
+                    return true;
+                }
+                return record.test4 !== preRecord.test4;
+            },
+        },
+    ];
+    var onEditableSaveHandle = useCallback(function (record, index, _dataIndex) {
+        var _a;
+        if (_dataIndex === void 0) { _dataIndex = ''; }
+        if (typeof index === 'number') {
+            var newRecords = recordsRef.current.slice();
+            var item = newRecords[index];
+            newRecords.splice(index, 1, _dataIndex
+                ? __assign(__assign(__assign({}, record), item), (_a = {}, _a[_dataIndex] = record[_dataIndex], _a)) : __assign(__assign({}, item), record));
+            setRecords(newRecords);
+        }
+    }, [setRecords]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Form, { name: "syh-demo", form: form },
+            React.createElement(SearchContainer, null,
+                React.createElement(SearchLeft, null,
+                    React.createElement(SearchItem, { width: "half", name: "a", label: "\u7B2C\u4E00" },
+                        React.createElement(Input.TextArea, { autoSize: true, allowClear: true, onChange: function (e) {
+                                console.log(e.target.value);
+                            } })),
+                    React.createElement(SearchItem, { width: "half", name: "b", label: "\u7B2C\u4E8C" },
+                        React.createElement(Input, null)),
+                    React.createElement(SearchItem, { width: "half", name: "c", label: "\u7B2C\u4E09" },
+                        React.createElement(Input, null)),
+                    React.createElement(SearchItem, { width: "half", name: "d", label: "\u7B2C\u56DB" },
+                        React.createElement(Input, null)),
+                    React.createElement(SearchItem, { width: "half", name: "e", label: "\u7B2C\u4E94" },
+                        React.createElement(Input, null)),
+                    React.createElement(SearchItem, { name: "f", label: "\u7B2C\u516D" },
+                        React.createElement(Cascader, { options: aa })),
+                    React.createElement(SearchItem, { name: "g", label: "\u7B2C\u4E03" },
+                        React.createElement(TextArea, { maxLength: 6 }))),
+                React.createElement(SearchRight, { onResetHandle: function () { }, onSearchHandle: function () { } }))),
+        React.createElement(Table, { columns: columns, dataSource: records, rowKey: "id", onEditableSave: onEditableSaveHandle })));
+};
+export default SyhDemo;

package/dist/components/Input/input.js

@@ -14,11 +14,6 @@ import Modal from '../Modal';
 import { Input as AntInput } from 'antd';
 import classNames from 'classnames';
 function Input(props) {
-    // const onBlur = (e) => {
-    //   props.onBlur && props.onBlur(e);
-    //   e.target.value = e.target.value.trim();
-    //   props.onChange && props.onChange(e);
-    // };
     return React.createElement(AntInput, __assign({}, props));
 }
 var TextArea = React.forwardRef(function (props, ref) {