@knockout-js/layout 0.1.2 → 0.1.3-beta.0

package/esm/components/dictionary/index.js

@@ -1,92 +0,0 @@
-import _async_to_generator from "@swc/helpers/src/_async_to_generator.mjs";
-import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
-import _to_consumable_array from "@swc/helpers/src/_to_consumable_array.mjs";
-import _ts_generator from "@swc/helpers/src/_ts_generator.mjs";
-import { getDictItems } from "@knockout-js/api";
-import { useEffect, useState } from "react";
-var timeoutFn = undefined, isLoad = false;
-var distData = {}, collectCode = [];
-/**
- * 用来处理缓存字典项列表
- * @returns
- */ export var useDistItems = function(dictCode, dataSource) {
-    var _distData_dictCode;
-    var _useState = _sliced_to_array(useState((_distData_dictCode = distData[dictCode]) !== null && _distData_dictCode !== void 0 ? _distData_dictCode : []), 2), items = _useState[0], setItems = _useState[1];
-    /**
-   * 通过列表设置存储
-   * @param list
-   */ var setDistItems = function(list) {
-        var dictCodes = _to_consumable_array(new Set(list.map(function(item) {
-            var _item_dict;
-            return (_item_dict = item.dict) === null || _item_dict === void 0 ? void 0 : _item_dict.code;
-        })));
-        dictCodes.forEach(function(code) {
-            if (code) distData[code] = list.filter(function(item) {
-                var _item_dict;
-                return ((_item_dict = item.dict) === null || _item_dict === void 0 ? void 0 : _item_dict.code) == code;
-            });
-        });
-    };
-    /**
-   * 刷新列表接口
-   */ var reloadDistItems = function() {
-        var _ref = _async_to_generator(function() {
-            var result;
-            return _ts_generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        return [
-                            4,
-                            getDictItems(dictCode, true)
-                        ];
-                    case 1:
-                        result = _state.sent();
-                        if (result.length) setDistItems(result);
-                        return [
-                            2
-                        ];
-                }
-            });
-        });
-        return function reloadDistItems() {
-            return _ref.apply(this, arguments);
-        };
-    }();
-    useEffect(function() {
-        if (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) setDistItems(dataSource);
-        else {
-            if (!collectCode.includes(dictCode)) {
-                collectCode.push(dictCode);
-                isLoad = true;
-            }
-            if (isLoad) {
-                clearTimeout(timeoutFn);
-                timeoutFn = setTimeout(function() {
-                    getDictItems(collectCode).then(function(result) {
-                        if (result.length) setDistItems(result);
-                        isLoad = false;
-                    });
-                }, 100);
-            }
-        }
-    }, [
-        dictCode,
-        dataSource
-    ]);
-    useEffect(function() {
-        var _distData_dictCode;
-        var _distData_dictCode_filter;
-        setItems((_distData_dictCode_filter = (_distData_dictCode = distData[dictCode]) === null || _distData_dictCode === void 0 ? void 0 : _distData_dictCode.filter(function(item) {
-            var _item_dict;
-            return ((_item_dict = item.dict) === null || _item_dict === void 0 ? void 0 : _item_dict.code) === dictCode;
-        })) !== null && _distData_dictCode_filter !== void 0 ? _distData_dictCode_filter : []);
-    }, [
-        distData[dictCode]
-    ]);
-    return [
-        items,
-        reloadDistItems
-    ];
-};
-
- //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\dictionary\index.js.map

package/esm/components/dictionary/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\dictionary\\index.ts"],"sourcesContent":["import { getDictItems } from \"@knockout-js/api\";\r\nimport { AppDictItem } from \"@knockout-js/api/ucenter\";\r\nimport { useEffect, useState } from \"react\";\r\n\r\nlet timeoutFn: NodeJS.Timeout | undefined = undefined, isLoad = false;\r\nconst distData: Record<string, AppDictItem[] | undefined> = {},\r\n  collectCode: string[] = [];\r\n\r\n/**\r\n * 用来处理缓存字典项列表\r\n * @returns\r\n */\r\nexport const useDistItems = (dictCode: string, dataSource?: AppDictItem[]): [AppDictItem[], () => Promise<void>] => {\r\n\r\n  const [items, setItems] = useState<AppDictItem[]>(distData[dictCode] ?? []);\r\n\r\n  /**\r\n   * 通过列表设置存储\r\n   * @param list\r\n   */\r\n  const setDistItems = (list: AppDictItem[]) => {\r\n    const dictCodes = [...new Set(list.map(item => item.dict?.code))];\r\n    dictCodes.forEach(code => {\r\n      if (code) {\r\n        distData[code] = list.filter(item => item.dict?.code == code);\r\n      }\r\n    })\r\n  }\r\n\r\n  /**\r\n   * 刷新列表接口\r\n   */\r\n  const reloadDistItems = async () => {\r\n    const result = await getDictItems(dictCode, true);\r\n    if (result.length) {\r\n      setDistItems(result);\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (dataSource?.length) {\r\n      setDistItems(dataSource);\r\n    } else {\r\n      if (!collectCode.includes(dictCode)) {\r\n        collectCode.push(dictCode);\r\n        isLoad = true;\r\n      }\r\n      if (isLoad) {\r\n        clearTimeout(timeoutFn)\r\n        timeoutFn = setTimeout(() => {\r\n          getDictItems(collectCode).then(result => {\r\n            if (result.length) {\r\n              setDistItems(result);\r\n            }\r\n            isLoad = false;\r\n          });\r\n        }, 100);\r\n      }\r\n    }\r\n  }, [dictCode, dataSource]);\r\n\r\n  useEffect(() => {\r\n    setItems(distData[dictCode]?.filter(item => item.dict?.code === dictCode) ?? [])\r\n  }, [distData[dictCode]])\r\n\r\n\r\n  return [items, reloadDistItems];\r\n}\r\n"],"names":["getDictItems","useEffect","useState","timeoutFn","undefined","isLoad","distData","collectCode","useDistItems","dictCode","dataSource","items","setItems","setDistItems","list","dictCodes","Set","map","item","dict","code","forEach","filter","reloadDistItems","result","length","includes","push","clearTimeout","setTimeout","then"],"mappings":";;;;AAAA,SAASA,YAAY,QAAQ,mBAAmB;AAEhD,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAE5C,IAAIC,YAAwCC,WAAWC,SAAS,KAAK;AACrE,IAAMC,WAAsD,CAAC,GAC3DC,cAAwB,EAAE;AAE5B;;;CAGC,GACD,OAAO,IAAMC,eAAe,SAACC,UAAkBC,YAAqE;QAEhEJ;IAAlD,IAA0BJ,6BAAAA,SAAwBI,CAAAA,qBAAAA,QAAQ,CAACG,SAAS,cAAlBH,gCAAAA,qBAAsB,EAAE,OAAnEK,QAAmBT,cAAZU,WAAYV;IAE1B;;;GAGC,GACD,IAAMW,eAAe,SAACC,MAAwB;QAC5C,IAAMC,YAAa,qBAAG,IAAIC,IAAIF,KAAKG,GAAG,CAACC,SAAAA;gBAAQA;YAAAA,OAAAA,CAAAA,aAAAA,KAAKC,IAAI,cAATD,wBAAAA,KAAAA,IAAAA,WAAWE,IAAI;;QAC9DL,UAAUM,OAAO,CAACD,SAAAA,MAAQ;YACxB,IAAIA,MACFd,QAAQ,CAACc,KAAK,GAAGN,KAAKQ,MAAM,CAACJ,SAAAA;oBAAQA;gBAAAA,OAAAA,CAAAA,CAAAA,aAAAA,KAAKC,IAAI,cAATD,wBAAAA,KAAAA,IAAAA,WAAWE,IAAI,AAAD,KAAKA;;QAE5D;IACF;IAEA;;GAEC,GACD,IAAMG;mBAAkB,oBAAA,WAAY;gBAC5BC;;;;wBAAS;;4BAAMxB,aAAaS,UAAU,IAAI;;;wBAA1Ce,SAAS;wBACf,IAAIA,OAAOC,MAAM,EACfZ,aAAaW;;;;;;QAEjB;wBALMD;;;;IAONtB,UAAU,WAAM;QACd,IAAIS,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAYe,MAAM,EACpBZ,aAAaH;aACR;YACL,IAAI,CAACH,YAAYmB,QAAQ,CAACjB,WAAW;gBACnCF,YAAYoB,IAAI,CAAClB;gBACjBJ,SAAS,IAAI;YACf,CAAC;YACD,IAAIA,QAAQ;gBACVuB,aAAazB;gBACbA,YAAY0B,WAAW,WAAM;oBAC3B7B,aAAaO,aAAauB,IAAI,CAACN,SAAAA,QAAU;wBACvC,IAAIA,OAAOC,MAAM,EACfZ,aAAaW;wBAEfnB,SAAS,KAAK;oBAChB;gBACF,GAAG;YACL,CAAC;QACH,CAAC;IACH,GAAG;QAACI;QAAUC;KAAW;IAEzBT,UAAU,WAAM;YACLK;YAAAA;QAATM,SAASN,CAAAA,4BAAAA,CAAAA,qBAAAA,QAAQ,CAACG,SAAS,cAAlBH,gCAAAA,KAAAA,IAAAA,mBAAoBgB,OAAOJ,SAAAA;gBAAQA;YAAAA,OAAAA,CAAAA,CAAAA,aAAAA,KAAKC,IAAI,cAATD,wBAAAA,KAAAA,IAAAA,WAAWE,IAAI,AAAD,MAAMX;wBAAvDH,uCAAAA,4BAAoE,EAAE;IACjF,GAAG;QAACA,QAAQ,CAACG,SAAS;KAAC;IAGvB,OAAO;QAACE;QAAOY;KAAgB;AACjC,EAAC"}

package/esm/components/dictionary/index.module.css

@@ -1,4 +0,0 @@
-.selectActions {
-  text-align: right;
-  padding: 2px 8px;
-}

package/esm/components/dictionary/select.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { AppDictItem } from "@knockout-js/api/ucenter";
-import { SelectProps } from "antd";
-export interface DictionarySelectProps extends SelectProps {
-    /**
-     * 字典code
-     */
-    dictCode: string;
-    /**
-     * 外部提供数据源
-     */
-    dataSource?: AppDictItem[];
-    /**
-     * changeValue=id: onChange的第一个参数值就为code
-     */
-    changeValue?: "id" | "code";
-}
-declare const _default: (props: DictionarySelectProps) => JSX.Element;
-export default _default;

package/esm/components/dictionary/select.js

@@ -1,71 +0,0 @@
-import _async_to_generator from "@swc/helpers/src/_async_to_generator.mjs";
-import _object_spread from "@swc/helpers/src/_object_spread.mjs";
-import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
-import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
-import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
-import _ts_generator from "@swc/helpers/src/_ts_generator.mjs";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
-import { ReloadOutlined } from "@ant-design/icons";
-import { Select } from "antd";
-import { useEffect, useState } from "react";
-import styles from "./index.module.css";
-import { useDistItems } from "./index";
-export default function(props) {
-    var dictCode = props.dictCode, dataSource = props.dataSource, changeValue = props.changeValue, restProps = _object_without_properties(props, [
-        "dictCode",
-        "dataSource",
-        "changeValue"
-    ]), _useDistItems = _sliced_to_array(useDistItems(dictCode, dataSource), 2), items = _useDistItems[0], itemsReload = _useDistItems[1], _useState = _sliced_to_array(useState(false), 2), loading = _useState[0], setLoading = _useState[1], _useState1 = _sliced_to_array(useState([]), 2), options = _useState1[0], setOptions = _useState1[1];
-    useEffect(function() {
-        setOptions(items.map(function(item) {
-            return {
-                label: item.name,
-                value: item[changeValue !== null && changeValue !== void 0 ? changeValue : "code"],
-                data: item
-            };
-        }));
-    }, [
-        items
-    ]);
-    return /*#__PURE__*/ _jsx(Select, _object_spread_props(_object_spread({
-        style: {
-            width: "100%"
-        }
-    }, restProps), {
-        loading: loading,
-        options: options,
-        dropdownRender: function(menu) {
-            return /*#__PURE__*/ _jsxs(_Fragment, {
-                children: [
-                    menu,
-                    /*#__PURE__*/ _jsx("div", {
-                        className: styles.selectActions,
-                        children: /*#__PURE__*/ _jsx(ReloadOutlined, {
-                            rev: undefined,
-                            onClick: /*#__PURE__*/ _async_to_generator(function() {
-                                return _ts_generator(this, function(_state) {
-                                    switch(_state.label){
-                                        case 0:
-                                            setLoading(true);
-                                            return [
-                                                4,
-                                                itemsReload()
-                                            ];
-                                        case 1:
-                                            _state.sent();
-                                            setLoading(false);
-                                            return [
-                                                2
-                                            ];
-                                    }
-                                });
-                            })
-                        })
-                    })
-                ]
-            });
-        }
-    }));
-};
-
- //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\dictionary\select.js.map

package/esm/components/dictionary/select.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\dictionary\\select.tsx"],"sourcesContent":["import { ReloadOutlined } from \"@ant-design/icons\";\r\nimport { AppDictItem } from \"@knockout-js/api/ucenter\";\r\nimport { Select, SelectProps } from \"antd\";\r\nimport { useEffect, useState } from \"react\";\r\nimport styles from \"./index.module.css\";\r\nimport { useDistItems } from \".\";\r\n\r\nexport interface DictionarySelectProps extends SelectProps {\r\n  /**\r\n   * 字典code\r\n   */\r\n  dictCode: string;\r\n  /**\r\n   * 外部提供数据源\r\n   */\r\n  dataSource?: AppDictItem[];\r\n  /**\r\n   * changeValue=id: onChange的第一个参数值就为code\r\n   */\r\n  changeValue?: \"id\" | \"code\";\r\n}\r\n\r\ntype DictionarySelectOption = {\r\n  label: string;\r\n  value: string;\r\n  data: AppDictItem;\r\n}\r\n\r\nexport default (props: DictionarySelectProps) => {\r\n  const { dictCode, dataSource, changeValue, ...restProps } = props,\r\n    [items, itemsReload] = useDistItems(dictCode, dataSource),\r\n    [loading, setLoading] = useState(false),\r\n    [options, setOptions] = useState<DictionarySelectOption[]>([]);\r\n\r\n  useEffect(() => {\r\n    setOptions(items\r\n      .map(item => ({\r\n        label: item.name,\r\n        value: item[changeValue ?? 'code'],\r\n        data: item,\r\n      }))\r\n    );\r\n  }, [items])\r\n\r\n  return <Select\r\n    style={{ width: '100%' }}\r\n    {...restProps}\r\n    loading={loading}\r\n    options={options}\r\n    dropdownRender={(menu) => <>\r\n      {menu}\r\n      <div className={styles.selectActions}>\r\n        <ReloadOutlined rev={undefined} onClick={async () => {\r\n          setLoading(true);\r\n          await itemsReload();\r\n          setLoading(false);\r\n        }} />\r\n      </div>\r\n    </>\r\n    }\r\n  />\r\n}\r\n"],"names":["ReloadOutlined","Select","useEffect","useState","styles","useDistItems","props","dictCode","dataSource","changeValue","restProps","items","itemsReload","loading","setLoading","options","setOptions","map","item","label","name","value","data","style","width","dropdownRender","menu","div","className","selectActions","rev","undefined","onClick"],"mappings":";;;;;;;AAAA,SAASA,cAAc,QAAQ,oBAAoB;AAEnD,SAASC,MAAM,QAAqB,OAAO;AAC3C,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAC5C,OAAOC,YAAY,qBAAqB;AACxC,SAASC,YAAY,QAAQ,UAAI;AAuBjC,eAAe,SAACC,OAAiC;IAC/C,IAAQC,WAAoDD,MAApDC,UAAUC,aAA0CF,MAA1CE,YAAYC,cAA8BH,MAA9BG,aAAgBC,uCAAcJ;QAApDC;QAAUC;QAAYC;QACLJ,iCAAAA,aAAaE,UAAUC,iBAA7CG,QAAsBN,kBAAfO,cAAeP,kBACCF,6BAAAA,SAAS,KAAK,OAArCU,UAAuBV,cAAdW,aAAcX,cACAA,8BAAAA,SAAmC,EAAE,OAA5DY,UAAuBZ,eAAda,aAAcb;IAE1BD,UAAU,WAAM;QACdc,WAAWL,MACRM,GAAG,CAACC,SAAAA;mBAAS;gBACZC,OAAOD,KAAKE,IAAI;gBAChBC,OAAOH,IAAI,CAACT,wBAAAA,yBAAAA,cAAe,MAAM,CAAC;gBAClCa,MAAMJ;YACR;;IAEJ,GAAG;QAACP;KAAM;IAEV,qBAAO,KAACV;QACNsB,OAAO;YAAEC,OAAO;QAAO;OACnBd;QACJG,SAASA;QACTE,SAASA;QACTU,gBAAgB,SAACC;iCAAS;;oBACvBA;kCACD,KAACC;wBAAIC,WAAWxB,OAAOyB,aAAa;kCAClC,cAAA,KAAC7B;4BAAe8B,KAAKC;4BAAWC,uBAAS,oBAAA,WAAY;;;;4CACnDlB,WAAW,IAAI;4CACf;;gDAAMF;;;4CAAN;4CACAE,WAAW,KAAK;;;;;;4BAClB;;;;;;;AAKR,EAAC"}

package/esm/components/dictionary/text.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-import { AppDictItem } from "@knockout-js/api/ucenter";
-import { TextProps } from "antd/es/typography/Text";
-export interface DictionaryTextProps extends TextProps {
-    /**
-     * 值
-     */
-    value?: string;
-    /**
-     * 字典code
-     */
-    dictCode: string;
-    /**
-     * 外部提供数据源
-     */
-    dataSource?: AppDictItem[];
-    /**
-     * 默认使用code来匹配value
-     */
-    valueKey?: "id" | "code";
-}
-declare const _default: (props: DictionaryTextProps) => JSX.Element;
-export default _default;

package/esm/components/dictionary/text.js

@@ -1,31 +0,0 @@
-import _object_spread from "@swc/helpers/src/_object_spread.mjs";
-import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
-import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
-import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
-import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
-import { Typography } from "antd";
-import { useEffect, useState } from "react";
-import { useDistItems } from "./index";
-export default function(props) {
-    var value = props.value, dataSource = props.dataSource, dictCode = props.dictCode, valueKey = props.valueKey, restProps = _object_without_properties(props, [
-        "value",
-        "dataSource",
-        "dictCode",
-        "valueKey"
-    ]), _useDistItems = _sliced_to_array(useDistItems(dictCode, dataSource), 1), items = _useDistItems[0], _useState = _sliced_to_array(useState(), 2), dictItem = _useState[0], setDictItem = _useState[1];
-    useEffect(function() {
-        setDictItem(items.find(function(item) {
-            return item[valueKey !== null && valueKey !== void 0 ? valueKey : "code"] === value;
-        }));
-    }, [
-        value,
-        valueKey,
-        items
-    ]);
-    var _dictItem_name, _ref;
-    return /*#__PURE__*/ _jsx(Typography.Text, _object_spread_props(_object_spread({}, restProps), {
-        children: (_ref = (_dictItem_name = dictItem === null || dictItem === void 0 ? void 0 : dictItem.name) !== null && _dictItem_name !== void 0 ? _dictItem_name : value) !== null && _ref !== void 0 ? _ref : ""
-    }));
-};
-
- //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\dictionary\text.js.map

package/esm/components/dictionary/text.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\dictionary\\text.tsx"],"sourcesContent":["import { AppDictItem } from \"@knockout-js/api/ucenter\";\r\nimport { Typography } from \"antd\"\r\nimport { TextProps } from \"antd/es/typography/Text\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { useDistItems } from \".\";\r\n\r\nexport interface DictionaryTextProps extends TextProps {\r\n  /**\r\n   * 值\r\n   */\r\n  value?: string;\r\n  /**\r\n   * 字典code\r\n   */\r\n  dictCode: string;\r\n  /**\r\n   * 外部提供数据源\r\n   */\r\n  dataSource?: AppDictItem[];\r\n  /**\r\n   * 默认使用code来匹配value\r\n   */\r\n  valueKey?: \"id\" | \"code\";\r\n}\r\n\r\n\r\nexport default (props: DictionaryTextProps) => {\r\n  const { value, dataSource, dictCode, valueKey, ...restProps } = props,\r\n    [items] = useDistItems(dictCode, dataSource),\r\n    [dictItem, setDictItem] = useState<AppDictItem>();\r\n\r\n\r\n  useEffect(() => {\r\n    setDictItem(items.find(item => item[valueKey ?? 'code'] === value));\r\n  }, [value, valueKey, items]);\r\n\r\n  return <Typography.Text {...restProps}>\r\n    {dictItem?.name ?? value ?? ''}\r\n  </Typography.Text>\r\n}\r\n"],"names":["Typography","useEffect","useState","useDistItems","props","value","dataSource","dictCode","valueKey","restProps","items","dictItem","setDictItem","find","item","Text","name"],"mappings":";;;;;AACA,SAASA,UAAU,QAAQ,OAAM;AAEjC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAC5C,SAASC,YAAY,QAAQ,UAAI;AAsBjC,eAAe,SAACC,OAA+B;IAC7C,IAAQC,QAAwDD,MAAxDC,OAAOC,aAAiDF,MAAjDE,YAAYC,WAAqCH,MAArCG,UAAUC,WAA2BJ,MAA3BI,UAAaC,uCAAcL;QAAxDC;QAAOC;QAAYC;QAAUC;QACzBL,iCAAAA,aAAaI,UAAUD,iBAAhCI,QAASP,kBACgBD,6BAAAA,gBAAzBS,WAAyBT,cAAfU,cAAeV;IAG5BD,UAAU,WAAM;QACdW,YAAYF,MAAMG,IAAI,CAACC,SAAAA;mBAAQA,IAAI,CAACN,qBAAAA,sBAAAA,WAAY,MAAM,CAAC,KAAKH;;IAC9D,GAAG;QAACA;QAAOG;QAAUE;KAAM;QAGxBC,gBAAAA;IADH,qBAAO,KAACX,WAAWe,IAAI,0CAAKN;kBACzBE,CAAAA,OAAAA,CAAAA,iBAAAA,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAUK,IAAI,cAAdL,4BAAAA,iBAAkBN,KAAK,cAAvBM,kBAAAA,OAA2B,EAAE;;AAElC,EAAC"}