vap1 0.2.3 → 0.2.5

package/components/Box/Box.js

@@ -1,4 +1,15 @@
 "use strict";
+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);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -22,27 +33,43 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Box = exports.useBox = void 0;
-const react_1 = __importStar(require("react"));
-const lodash_1 = __importDefault(require("lodash"));
-const Layout_1 = require("../_adapt/Layout");
-const hooks_1 = require("../../hooks");
-const SelectBar_1 = require("./SelectBar");
-const SearchBar_1 = require("../SearchBar");
-const Upagination_1 = require("../_common/Upagination");
-const utils_1 = require("../../utils");
-const _register_1 = require("./_register");
-const HEIGHT_OMIT = 'ubox-omit';
-const getParentByClassName = (el, clazz) => {
+var react_1 = __importStar(require("react"));
+var lodash_1 = __importDefault(require("lodash"));
+var Layout_1 = require("../_adapt/Layout");
+var hooks_1 = require("../../hooks");
+var SelectBar_1 = require("./SelectBar");
+var SearchBar_1 = require("../SearchBar");
+var Upagination_1 = require("../_common/Upagination");
+var utils_1 = require("../../utils");
+var _register_1 = require("./_register");
+var HEIGHT_OMIT = 'ubox-omit';
+var getParentByClassName = function (el, clazz) {
     if (el.classList.contains(clazz))
         return el;
     return getParentByClassName(el.parentElement, clazz);
 };
-const BoxContext = (0, react_1.createContext)(null);
+var BoxContext = (0, react_1.createContext)(null);
 /**
  * 说明：如果需要使用 useBox 获取BOX内部状态
  * 必须自行手动再包一层 否则无法使用，
@@ -62,20 +89,20 @@ const BoxContext = (0, react_1.createContext)(null);
  *
  *             return <Box><Child/></Box>
  * */
-const useBox = () => (0, react_1.useContext)(BoxContext);
+var useBox = function () { return (0, react_1.useContext)(BoxContext); };
 exports.useBox = useBox;
-exports.Box = (0, react_1.forwardRef)((props, ref) => {
-    const app = (0, hooks_1.useApp)();
-    const [state, setState] = (0, hooks_1.useSetState)(null);
-    const _layoutRef = (0, react_1.useRef)(null); // 向下兼容
-    const domId = (0, react_1.useMemo)(() => utils_1.StringUtil.genKey(), []); // 向下兼容
-    const rootRef = (0, react_1.useRef)(null);
-    const contextRef = (0, react_1.useRef)(null);
-    const selectRef = (0, react_1.useRef)(null);
-    const className = ['c-box'];
+exports.Box = (0, react_1.forwardRef)(function (props, ref) {
+    var app = (0, hooks_1.useApp)();
+    var _a = __read((0, hooks_1.useSetState)(null), 2), state = _a[0], setState = _a[1];
+    var _layoutRef = (0, react_1.useRef)(null); // 向下兼容
+    var domId = (0, react_1.useMemo)(function () { return utils_1.StringUtil.genKey(); }, []); // 向下兼容
+    var rootRef = (0, react_1.useRef)(null);
+    var contextRef = (0, react_1.useRef)(null);
+    var selectRef = (0, react_1.useRef)(null);
+    var className = ['c-box'];
     if (props.nobg)
         className.push('c-box-nobg');
-    const style = Object.assign({}, props.style);
+    var style = __assign({}, props.style);
     className.push(props.mode ? ('c-box-' + props.mode) : 'c-box-common');
     if (props.mode == 'inner') {
         if (rootRef.current == null) {
@@ -83,7 +110,7 @@ exports.Box = (0, react_1.forwardRef)((props, ref) => {
             style.display = 'none';
         }
         else {
-            const container = getParentByClassName(rootRef.current.parentElement, 'c-box');
+            var container = getParentByClassName(rootRef.current.parentElement, 'c-box');
             style.height = Math.floor(container.parentElement.getBoundingClientRect().height);
         }
     }
@@ -95,32 +122,32 @@ exports.Box = (0, react_1.forwardRef)((props, ref) => {
             style.height = '100%';
         }
     }
-    (0, react_1.useEffect)(() => {
+    (0, react_1.useEffect)(function () {
         if (state && state.height && contextRef && contextRef.current) {
             contextRef.current.style.height = (state.height + 'px');
         }
     }, [state === null || state === void 0 ? void 0 : state.height]);
-    const resize = () => {
+    var resize = function () {
         if (props.mode == undefined || props.mode == 'common' || app == null) {
             if (state === null)
                 setState({});
             return;
         }
         ;
-        let el = rootRef.current;
+        var el = rootRef.current;
         if (!el)
             return;
         document.body.classList.add('v-resizing');
-        let total = el.getBoundingClientRect().height;
+        var total = el.getBoundingClientRect().height;
         if (props.mode == 'inner') {
             total = el.parentElement.parentElement.getBoundingClientRect().height;
         }
-        let children = el.children;
+        var children = el.children;
         if (el.children.length == 1 && el.children.item(0).classList.contains('ubox-content')) {
             children = el.children.item(0).children;
         }
-        for (let i = 0, _i = children.length; i < _i; i++) {
-            let child = children.item(i);
+        for (var i = 0, _i = children.length; i < _i; i++) {
+            var child = children.item(i);
             if (child.classList.contains(HEIGHT_OMIT)) {
                 total -= child.getBoundingClientRect().height;
             }
@@ -128,39 +155,45 @@ exports.Box = (0, react_1.forwardRef)((props, ref) => {
         setState({ height: Math.floor(total) });
         document.body.classList.remove('v-resizing');
     };
-    (0, react_1.useEffect)(() => { setTimeout(resize, 2); }, [app === null || app === void 0 ? void 0 : app.theme.contentHeight]);
-    (0, react_1.useImperativeHandle)(ref, () => ({ resize }), []);
-    (0, react_1.useLayoutEffect)(() => {
+    (0, react_1.useEffect)(function () { setTimeout(resize, 2); }, [app === null || app === void 0 ? void 0 : app.theme.contentHeight]);
+    (0, react_1.useImperativeHandle)(ref, function () { return ({ resize: resize }); }, []);
+    (0, react_1.useLayoutEffect)(function () {
         setTimeout(resize, 5);
     }, []);
-    let paginationProps = {};
+    var paginationProps = {};
     // if (props.pagination && props.mode == 'inner') {
     //     paginationProps.hideOnSinglePage = true;
     // }
     return react_1.default.createElement(Layout_1.Layout, { id: domId, className: utils_1.StringUtil.className(className, props.className), style: style, ref: _layoutRef },
-        props.selectBar && (0, _register_1.getSelectBar)(props.selectBar.type) != null && react_1.default.createElement(SelectBar_1.SelectBar, Object.assign({}, props.selectBar, { ref: selectRef, onSelect: (...args) => setState({ selected: args }) })),
-        react_1.default.createElement(Layout_1.Layout.Content, { style: { overflow: props.overflowAuto ? 'auto' : 'hidden' }, ref: () => {
+        props.selectBar && (0, _register_1.getSelectBar)(props.selectBar.type) != null && react_1.default.createElement(SelectBar_1.SelectBar, __assign({}, props.selectBar, { ref: selectRef, onSelect: function () {
+                var args = [];
+                for (var _a = 0; _a < arguments.length; _a++) {
+                    args[_a] = arguments[_a];
+                }
+                return setState({ selected: args });
+            } })),
+        react_1.default.createElement(Layout_1.Layout.Content, { style: { overflow: props.overflowAuto ? 'auto' : 'hidden' }, ref: function () {
                 if (_layoutRef.current == null) {
-                    let layout = document.getElementById(domId);
+                    var layout = document.getElementById(domId);
                     if (layout) {
                         _layoutRef.current = layout;
                     }
                 }
                 if (_layoutRef.current != null) {
-                    let el = lodash_1.default.find(_layoutRef.current.children, (item) => lodash_1.default.toLower(item.tagName) == 'main');
+                    var el = lodash_1.default.find(_layoutRef.current.children, function (item) { return lodash_1.default.toLower(item.tagName) == 'main'; });
                     if (el != null)
                         rootRef.current = el;
                 }
             } },
             (props.searchBar ||
                 (props.actionBar && ((lodash_1.default.isArray(props.actionBar) && props.actionBar.length > 0)
-                    || (!lodash_1.default.isArray(props.actionBar) && react_1.default.isValidElement(props.actionBar))))) && react_1.default.createElement(SearchBar_1.SearchBar, Object.assign({}, props.searchBar, { default: props.default, className: HEIGHT_OMIT, onExpand: (isExpand) => {
+                    || (!lodash_1.default.isArray(props.actionBar) && react_1.default.isValidElement(props.actionBar))))) && react_1.default.createElement(SearchBar_1.SearchBar, __assign({}, props.searchBar, { default: props.default, className: HEIGHT_OMIT, onExpand: function (isExpand) {
                     resize();
                     if (lodash_1.default.isFunction(props.searchBar.onExpand)) {
                         props.searchBar.onExpand(isExpand);
                     }
                 } }), props.actionBar ? (lodash_1.default.isArray(props.actionBar) ? react_1.default.createElement(SearchBar_1.SearchBar.ActionButtons, { buttons: props.actionBar }) : props.actionBar) : []),
-            react_1.default.createElement(BoxContext.Provider, { value: { state, resize, root: contextRef, selectRef } },
+            react_1.default.createElement(BoxContext.Provider, { value: { state: state, resize: resize, root: contextRef, selectRef: selectRef } },
                 react_1.default.createElement("div", { className: 'ubox-content', ref: contextRef }, state != null && props.children)),
-            props.pagination && react_1.default.createElement(Upagination_1.UPagination, Object.assign({}, paginationProps, props.pagination, { className: HEIGHT_OMIT }))));
+            props.pagination && react_1.default.createElement(Upagination_1.UPagination, __assign({}, paginationProps, props.pagination, { className: HEIGHT_OMIT }))));
 });

package/components/Box/SelectBar.js

@@ -1,4 +1,15 @@
 "use strict";
+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);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -22,25 +33,41 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectBar = void 0;
-const react_1 = __importStar(require("react"));
-const lodash_1 = __importDefault(require("lodash"));
-const antd_1 = require("antd");
-const hooks_1 = require("../../hooks");
-const utils_1 = require("../../utils");
-const _register_1 = require("./_register");
-const Const_1 = require("../_setup/Const");
-const Icon_1 = require("../_adapt/Icon");
-exports.SelectBar = (0, react_1.forwardRef)((props, ref) => {
-    const [keyword, setKeyword] = (0, react_1.useState)(null);
-    const [collapsed, setCollapsed] = (0, hooks_1.useToggle)(false);
+var react_1 = __importStar(require("react"));
+var lodash_1 = __importDefault(require("lodash"));
+var antd_1 = require("antd");
+var hooks_1 = require("../../hooks");
+var utils_1 = require("../../utils");
+var _register_1 = require("./_register");
+var Const_1 = require("../_setup/Const");
+var Icon_1 = require("../_adapt/Icon");
+exports.SelectBar = (0, react_1.forwardRef)(function (props, ref) {
+    var _a = __read((0, react_1.useState)(null), 2), keyword = _a[0], setKeyword = _a[1];
+    var _b = __read((0, hooks_1.useToggle)(false), 2), collapsed = _b[0], setCollapsed = _b[1];
     // const setKeyword = _.debounce(_setKeyword, 100);
-    let component = (0, _register_1.getSelectBar)(props.type);
-    (0, react_1.useLayoutEffect)(() => {
+    var component = (0, _register_1.getSelectBar)(props.type);
+    (0, react_1.useLayoutEffect)(function () {
         if (lodash_1.default.isFunction(props.onSelectCollapse)) {
             props.onSelectCollapse(collapsed);
         }
@@ -51,24 +78,24 @@ exports.SelectBar = (0, react_1.forwardRef)((props, ref) => {
     }
     if (props.roleCode && !utils_1.PageUtil.hasRole(props.roleCode))
         return utils_1.Const.NONE;
-    const width = lodash_1.default.isNumber(props.width) ? props.width : 250;
-    const renderContent = () => {
+    var width = lodash_1.default.isNumber(props.width) ? props.width : 250;
+    var renderContent = function () {
         if (props.type == 'custom') {
             if (!lodash_1.default.has(props, 'content')) {
                 return utils_1.Const.NONE;
             }
             // @ts-ignore
-            return react_1.default.createElement(props.content, Object.assign({}, props, { searchValue: keyword }));
+            return react_1.default.createElement(props.content, __assign({}, props, { collapsed: collapsed, searchValue: keyword }));
         }
-        return react_1.default.createElement(component.component, Object.assign({}, props, { searchValue: keyword, ref: ref }));
+        return react_1.default.createElement(component.component, __assign({}, props, { collapsed: collapsed, searchValue: keyword, ref: ref }));
     };
     if (props.title === false)
         return react_1.default.createElement(antd_1.Layout.Sider, { collapsed: false, width: width }, renderContent());
-    const title = utils_1.i18n.getText(props.ik, props.title);
-    const SearchAction = (props) => {
+    var title = utils_1.i18n.getText(props.ik, props.title);
+    var SearchAction = function (props) {
         if (props.roleCode && !utils_1.PageUtil.hasRole(props.roleCode))
             return utils_1.Const.NONE;
-        const iconProps = { type: props.icon, };
+        var iconProps = { type: props.icon, };
         if (props.ik) {
             iconProps.title = utils_1.i18n.txt(props.ik);
         }
@@ -76,9 +103,9 @@ exports.SelectBar = (0, react_1.forwardRef)((props, ref) => {
             iconProps.title = props.title;
         }
         if (props.confirm == null)
-            return react_1.default.createElement(Icon_1.Icon, Object.assign({}, iconProps, { onClick: props.onClick }));
+            return react_1.default.createElement(Icon_1.Icon, __assign({}, iconProps, { onClick: props.onClick }));
         return react_1.default.createElement(antd_1.Popconfirm, { placement: "right", title: props.confirm, onConfirm: props.onClick },
-            react_1.default.createElement(Icon_1.Icon, Object.assign({}, iconProps, { evt: true })));
+            react_1.default.createElement(Icon_1.Icon, __assign({}, iconProps, { evt: true })));
     };
     return react_1.default.createElement(antd_1.Layout.Sider, { className: 'c-selectbar-' + utils_1.GLOBAL.CONFIG.BOX.SELECT_CLOSE, collapsed: collapsed, collapsedWidth: utils_1.GLOBAL.CONFIG.BOX.SELECT_CLOSE == 2 ? 0 : 6, width: width },
         react_1.default.createElement("div", { className: 'c-selectbar-closed', onClick: setCollapsed, title: utils_1.i18n.txt(Const_1.V.TXT_EXPAND) }),
@@ -86,8 +113,8 @@ exports.SelectBar = (0, react_1.forwardRef)((props, ref) => {
             react_1.default.createElement("div", { className: 'c-selectbar-head' },
                 react_1.default.createElement("div", { className: 'c-selectbar-title' },
                     react_1.default.createElement(Icon_1.Icon, { type: "left-circle", title: utils_1.i18n.txt(Const_1.V.TXT_COLLAPSE), onClick: setCollapsed }),
-                    props.filter && react_1.default.createElement("input", { onChange: evt => utils_1.PageUtil.stopEvent(evt, () => setKeyword(evt.target.value)), value: keyword, placeholder: utils_1.i18n.getText(props.ik, props.title) }),
+                    props.filter && react_1.default.createElement("input", { onChange: function (evt) { return utils_1.PageUtil.stopEvent(evt, function () { return setKeyword(evt.target.value); }); }, value: keyword, placeholder: utils_1.i18n.getText(props.ik, props.title) }),
                     !props.filter && react_1.default.createElement("span", null, title)),
-                react_1.default.createElement("div", { className: 'c-selectbar-action' }, (props.actions || []).map(item => react_1.default.createElement(SearchAction, Object.assign({}, item))))),
+                react_1.default.createElement("div", { className: 'c-selectbar-action' }, (props.actions || []).map(function (item) { return react_1.default.createElement(SearchAction, __assign({}, item)); }))),
             react_1.default.createElement("div", { className: 'c-selectbar-body' }, renderContent())));
 });

package/components/Box/_register.d.ts

@@ -1,6 +1,10 @@
 import type { Key, PlainObject } from '../../basetype';
 import type { ComponentType } from 'react';
 export type SelectBarProps = {
+    /**
+     * 是否为收缩状态
+    */
+    collapsed: boolean;
     /**
      * 选中一个项目后的回调方法
      * 按规范:

package/components/Box/_register.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getSelectBar = exports.registerSelectBar = void 0;
-const _Support_1 = require("../../utils/_Support");
-const StringUtil_1 = require("../../utils/StringUtil");
-const _RegisterUtil_1 = require("../_RegisterUtil");
-const _C_SELECT_BAR = (0, _Support_1.globalDefault)('_C_SELECT_BAR', new Map());
-const DEFAULT = { canSearch: false };
+var _Support_1 = require("../../utils/_Support");
+var StringUtil_1 = require("../../utils/StringUtil");
+var _RegisterUtil_1 = require("../_RegisterUtil");
+var _C_SELECT_BAR = (0, _Support_1.globalDefault)('_C_SELECT_BAR', new Map());
+var DEFAULT = { canSearch: false };
 /**
  * @param type
  *      类型名称, 支持： VTable,STable,ApiTalbe,DataTable,Box
@@ -16,12 +16,14 @@ const DEFAULT = { canSearch: false };
  * @param forceOverWrite
  *      强制覆盖掉已注册的组件，默认重复注册相同的类型时，后注册的不能生效，使用 true 后，强㓡覆盖掉之前注册的组件
 */
-const registerSelectBar = (type, component, options = null, forceOverWrite = false) => {
+var registerSelectBar = function (type, component, options, forceOverWrite) {
+    if (options === void 0) { options = null; }
+    if (forceOverWrite === void 0) { forceOverWrite = false; }
     (0, _RegisterUtil_1.register)(_C_SELECT_BAR, type, DEFAULT, component, options, forceOverWrite);
 };
 exports.registerSelectBar = registerSelectBar;
-const getSelectBar = (type) => {
-    let key = (0, StringUtil_1.trimLower)(type);
+var getSelectBar = function (type) {
+    var key = (0, StringUtil_1.trimLower)(type);
     if (_C_SELECT_BAR.has(key))
         return _C_SELECT_BAR.get(key);
     return null;

package/components/Box/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Box = void 0;
-const Box_1 = require("./Box");
+var Box_1 = require("./Box");
 exports.Box = Box_1.Box;
 exports.Box.useBox = Box_1.useBox;

package/components/Lists/SList.js

@@ -1,4 +1,15 @@
 "use strict";
+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);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -22,34 +33,50 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SList = void 0;
-const react_1 = __importStar(require("react"));
-const lodash_1 = __importDefault(require("lodash"));
-const utils_1 = require("../../utils");
-const Icon_1 = require("../_adapt/Icon");
-const HighLight_1 = require("../_common/HighLight");
-const antd_1 = require("antd");
-const Item = props => react_1.default.createElement("div", { className: 'v-select-list-item', title: props.title }, props.children);
-const ItemIcon = props => {
-    const { value } = props;
+var react_1 = __importStar(require("react"));
+var lodash_1 = __importDefault(require("lodash"));
+var utils_1 = require("../../utils");
+var Icon_1 = require("../_adapt/Icon");
+var HighLight_1 = require("../_common/HighLight");
+var antd_1 = require("antd");
+var Item = function (props) { return react_1.default.createElement("div", { className: 'v-select-list-item', title: props.title }, props.children); };
+var ItemIcon = function (props) {
+    var value = props.value;
     if (lodash_1.default.isString(value)) {
         return react_1.default.createElement(Icon_1.Icon, { className: 'v-select-list-item-icon', type: value });
     }
     if (lodash_1.default.isPlainObject(value)) {
-        let props = Object.assign({}, value);
-        if (!lodash_1.default.isString(props.type) || props.type == null || props.type == '')
+        var props_1 = __assign({}, value);
+        if (!lodash_1.default.isString(props_1.type) || props_1.type == null || props_1.type == '')
             return utils_1.Const.NONE;
-        if (props.className) {
-            props.className = props.className + ' v-select-list-item-icon';
+        if (props_1.className) {
+            props_1.className = props_1.className + ' v-select-list-item-icon';
         }
         else {
-            props.className = 'v-select-list-item-icon';
+            props_1.className = 'v-select-list-item-icon';
         }
-        return react_1.default.createElement(Icon_1.Icon, Object.assign({}, props));
+        return react_1.default.createElement(Icon_1.Icon, __assign({}, props_1));
     }
     if (react_1.default.isValidElement(value)) {
         return value;
@@ -57,22 +84,22 @@ const ItemIcon = props => {
     return utils_1.Const.NONE;
     // 
 };
-const buildRenderByRender = (props) => {
-    let { titleField, renders } = props;
-    const hasIcon = lodash_1.default.isFunction(renders.icon);
-    const hasAction = lodash_1.default.isFunction(renders.action);
-    const hasValue = !hasAction && lodash_1.default.isFunction(renders.value);
-    return (item, searchValue) => react_1.default.createElement(Item, { title: item[titleField] },
+var buildRenderByRender = function (props) {
+    var titleField = props.titleField, renders = props.renders;
+    var hasIcon = lodash_1.default.isFunction(renders.icon);
+    var hasAction = lodash_1.default.isFunction(renders.action);
+    var hasValue = !hasAction && lodash_1.default.isFunction(renders.value);
+    return function (item, searchValue) { return react_1.default.createElement(Item, { title: item[titleField] },
         hasIcon && react_1.default.createElement(ItemIcon, { value: renders.icon(item, searchValue) }),
         react_1.default.createElement("span", { className: 'v-select-list-item-title' }, renders.title(item, searchValue)),
         hasAction && react_1.default.createElement("span", { className: 'v-select-list-item-action' }, renders.action(item, searchValue)),
-        hasValue && react_1.default.createElement("span", { className: 'v-select-list-item-value' }, renders.value(item, searchValue)));
+        hasValue && react_1.default.createElement("span", { className: 'v-select-list-item-value' }, renders.value(item, searchValue))); };
 };
-const buildRenderByField = (props) => {
-    let iconField = props.iconField || null;
-    let valueField = props.valueField || null;
-    let titleField = props.titleField;
-    return (item, searchValue) => {
+var buildRenderByField = function (props) {
+    var iconField = props.iconField || null;
+    var valueField = props.valueField || null;
+    var titleField = props.titleField;
+    return function (item, searchValue) {
         if (searchValue) {
             return react_1.default.createElement(Item, { title: item[titleField] },
                 (iconField && item[iconField]) && react_1.default.createElement(Icon_1.Icon, { className: 'v-select-list-item-icon', type: item[iconField] }),
@@ -87,29 +114,30 @@ const buildRenderByField = (props) => {
     };
 };
 // export const SList: React.FC<SListPorps> = memo((props) => {
-exports.SList = (0, react_1.memo)((props) => {
-    const { searchValue, onSelect, keyField } = props;
-    const [list, setList] = (0, react_1.useState)((lodash_1.default.has(props, 'list') && lodash_1.default.isArray(props.list)) ? props.list : []);
-    const [selected, setSelected] = (0, react_1.useState)(null);
-    const render = (0, react_1.useMemo)(() => {
+exports.SList = (0, react_1.memo)(function (props) {
+    var searchValue = props.searchValue, onSelect = props.onSelect, keyField = props.keyField;
+    var _a = __read((0, react_1.useState)((lodash_1.default.has(props, 'list') && lodash_1.default.isArray(props.list)) ? props.list : []), 2), list = _a[0], setList = _a[1];
+    var _b = __read((0, react_1.useState)(null), 2), selected = _b[0], setSelected = _b[1];
+    var render = (0, react_1.useMemo)(function () {
         if (lodash_1.default.isFunction(props.itemRender))
             return props.itemRender;
         if (lodash_1.default.has(props, 'renders') && lodash_1.default.isFunction(props.renders.title))
             return buildRenderByRender(props);
         return buildRenderByField(props);
     }, []);
-    (0, react_1.useLayoutEffect)(() => {
-        const all = (lodash_1.default.has(props, 'list') && lodash_1.default.isArray(props.list)) ? props.list : [];
+    (0, react_1.useLayoutEffect)(function () {
+        var all = (lodash_1.default.has(props, 'list') && lodash_1.default.isArray(props.list)) ? props.list : [];
         if (searchValue == null || searchValue == '') {
             setList(all);
             return;
         }
-        setList(lodash_1.default.filter(all, item => {
-            let title = lodash_1.default.toLower(item[props.titleField]);
+        setList(lodash_1.default.filter(all, function (item) {
+            var title = lodash_1.default.toLower(item[props.titleField]);
             return title.indexOf(searchValue) >= 0;
         }));
     }, [searchValue, props.list]);
-    (0, react_1.useLayoutEffect)(() => {
+    (0, react_1.useLayoutEffect)(function () {
+        var _a;
         if (list == null || list.length == 0) {
             if (selected != null)
                 setSelected(null);
@@ -118,12 +146,12 @@ exports.SList = (0, react_1.memo)((props) => {
         if (!props.mustSelect)
             return;
         if (selected != null) {
-            let find = lodash_1.default.find(list, { [keyField]: selected });
+            var find = lodash_1.default.find(list, (_a = {}, _a[keyField] = selected, _a));
             if (find != null) {
                 return;
             }
         }
-        let item = list[0];
+        var item = list[0];
         if (lodash_1.default.isFunction(props.mustSelect)) {
             item = props.mustSelect(list);
         }
@@ -134,9 +162,9 @@ exports.SList = (0, react_1.memo)((props) => {
         setSelected(item[keyField]);
         onSelect(item[keyField], item);
     }, [list]);
-    const listProps = (0, react_1.useMemo)(() => {
-        const clazz = ['c-selectbar-list'];
-        let listProps = { size: "small", style: props.style };
+    var listProps = (0, react_1.useMemo)(function () {
+        var clazz = ['c-selectbar-list'];
+        var listProps = { size: "small", style: props.style };
         if (lodash_1.default.isFunction(props.onSelect))
             clazz.push('c-selectbar-list-canselect');
         if (props.className)
@@ -144,21 +172,21 @@ exports.SList = (0, react_1.memo)((props) => {
         listProps.className = clazz.join(' ');
         return listProps;
     }, [props.className]);
-    const renderItem = item => {
+    var renderItem = function (item) {
         if (!lodash_1.default.isFunction(props.onSelect))
             return react_1.default.createElement(antd_1.List.Item, null, render(item, searchValue));
-        return react_1.default.createElement(antd_1.List.Item, { className: item[keyField] == selected ? 'c-selectbar-list-selected' : '', onClick: evt => {
+        return react_1.default.createElement(antd_1.List.Item, { className: item[keyField] == selected ? 'c-selectbar-list-selected' : '', onClick: function (evt) {
                 utils_1.PageUtil.stopEvent(evt);
                 setSelected(item[keyField]);
                 onSelect(item[keyField], item);
             } }, render(item, searchValue));
     };
-    return react_1.default.createElement(antd_1.List, Object.assign({}, listProps, { dataSource: list, renderItem: renderItem }));
-}, (prev, next) => {
+    return react_1.default.createElement(antd_1.List, __assign({}, listProps, { dataSource: list, renderItem: renderItem }));
+}, function (prev, next) {
     if (prev.searchValue != next.searchValue)
         return false;
-    let plist = (lodash_1.default.has(prev, 'list') && lodash_1.default.isArray(prev.list)) ? prev.list : [];
-    let nlist = (lodash_1.default.has(next, 'list') && lodash_1.default.isArray(next.list)) ? next.list : [];
+    var plist = (lodash_1.default.has(prev, 'list') && lodash_1.default.isArray(prev.list)) ? prev.list : [];
+    var nlist = (lodash_1.default.has(next, 'list') && lodash_1.default.isArray(next.list)) ? next.list : [];
     if (plist.length != nlist.length)
         return false;
     return plist == nlist;