vap1 0.0.1

package/components/Lists/SList.js

@@ -0,0 +1,167 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+    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 == '')
+            return utils_1.Const.NONE;
+        if (props.className) {
+            props.className = props.className + ' v-select-list-item-icon';
+        }
+        else {
+            props.className = 'v-select-list-item-icon';
+        }
+        return react_1.default.createElement(Icon_1.Icon, Object.assign({}, props));
+    }
+    if (react_1.default.isValidElement(value)) {
+        return value;
+    }
+    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] },
+        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)));
+};
+const buildRenderByField = (props) => {
+    let iconField = props.iconField || null;
+    let valueField = props.valueField || null;
+    let titleField = props.titleField;
+    return (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] }),
+                react_1.default.createElement("span", { className: 'v-select-list-item-title' },
+                    react_1.default.createElement(HighLight_1.HighLight, { text: item[titleField], keyword: searchValue })),
+                valueField && react_1.default.createElement("span", { className: 'v-select-list-item-value' }, item[valueField]));
+        }
+        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] }),
+            react_1.default.createElement("span", { className: 'v-select-list-item-title' }, item[titleField]),
+            valueField && react_1.default.createElement("span", { className: 'v-select-list-item-value' }, item[valueField]));
+    };
+};
+// 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)(() => {
+        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 : [];
+        if (searchValue == null || searchValue == '') {
+            setList(all);
+            return;
+        }
+        setList(lodash_1.default.filter(all, item => {
+            let title = lodash_1.default.toLower(item[props.titleField]);
+            return title.indexOf(searchValue) >= 0;
+        }));
+    }, [searchValue, props.list]);
+    (0, react_1.useLayoutEffect)(() => {
+        if (list == null || list.length == 0) {
+            if (selected != null)
+                setSelected(null);
+            return;
+        }
+        if (!props.mustSelect)
+            return;
+        if (selected != null) {
+            let find = lodash_1.default.find(list, { [keyField]: selected });
+            if (find != null) {
+                return;
+            }
+        }
+        let item = list[0];
+        if (lodash_1.default.isFunction(props.mustSelect)) {
+            item = props.mustSelect(list);
+        }
+        ;
+        if (item == null || item[keyField] == null) {
+            item = list[0];
+        }
+        setSelected(item[keyField]);
+        onSelect(item[keyField], item);
+    }, [list]);
+    const listProps = {
+        className: 'c-selectbar-list',
+        size: "small",
+        dataSource: list,
+    };
+    if (lodash_1.default.isFunction(props.onSelect)) {
+        listProps.className += ' c-selectbar-list-canselect';
+        listProps.renderItem = (item) => react_1.default.createElement(antd_1.List.Item, { className: item[keyField] == selected ? 'c-selectbar-list-selected' : '', onClick: evt => {
+                utils_1.PageUtil.stopEvent(evt);
+                setSelected(item[keyField]);
+                onSelect(item[keyField], item);
+            } }, render(item, searchValue));
+    }
+    else {
+        listProps.renderItem = (item) => react_1.default.createElement(antd_1.List.Item, null, render(item, searchValue));
+    }
+    return react_1.default.createElement(antd_1.List, Object.assign({}, listProps));
+}, (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 : [];
+    if (plist.length != nlist.length)
+        return false;
+    return plist == nlist;
+    // const keyField = _.has(prev, 'keyField') ? prev['keyField'] : 'id';
+    // let pk = plist.map(item => item[keyField]).join('-');
+    // let nk = nlist.map(item => item[keyField]).join('-');
+    // if (pk != nk) return false;
+    // return true;
+});

package/components/SearchBar/ActionButtons.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import type { ButtonType, OButtonProps as ButtonProps } from '../_adapt/Button';
+import type { ButtonSize } from 'antd/es/button';
+export type ActButton = {
+    /**
+     * Icon 图标
+    */
+    icon?: string | React.ReactNode;
+    /**
+     * 按钮样式类型
+    */
+    type?: ButtonType;
+    /**
+     * 是否危险操作
+    */
+    danger?: boolean;
+    /**
+     * 按钮标签
+    */
+    label: string;
+    /**
+     * 按钮权限码
+    */
+    roleCode?: string;
+    /**
+     * 提示信息
+    */
+    confirm?: string | ((props?: any) => string | React.ReactNode);
+    /**
+     * 自定义的按钮属性
+    */
+    config?: ButtonProps;
+    /**
+     * 点击事件
+     */
+    onClick: () => void;
+    /**
+     * 是否禁用
+    */
+    disabled?: boolean;
+    /**
+     * 说明 ： 最多支持2级子菜单，不能递归
+    */
+    children?: ActButton[];
+};
+export declare const ActionButtons: React.FC<{
+    buttons: (ActButton | null | false)[];
+    size?: ButtonSize;
+}>;

package/components/SearchBar/ActionButtons.js

@@ -0,0 +1,96 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionButtons = void 0;
+const react_1 = __importDefault(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const antd_1 = require("antd");
+const Icon_1 = require("../_adapt/Icon");
+const Button_1 = require("../_adapt/Button");
+const Dropdown_1 = require("../_adapt/Dropdown");
+const utils_1 = require("../../utils");
+const getIcon = (icon) => {
+    if (lodash_1.default.isString(icon)) {
+        return react_1.default.createElement(Icon_1.Icon, { type: icon });
+    }
+    return icon;
+};
+const ActionButton = (props) => {
+    if (props.children && props.children.length > 0) {
+        let btnParam = {};
+        if (lodash_1.default.has(props, 'type'))
+            btnParam.type = props.type;
+        if (props.danger)
+            btnParam.danger = true;
+        if (props.disabled)
+            btnParam.disabled = true;
+        if (lodash_1.default.isFunction(props.onClick))
+            btnParam.onClick = evt => utils_1.PageUtil.stopEvent(evt, props.onClick);
+        let menus = [];
+        props.children.map((item, key) => {
+            if (item.roleCode && !utils_1.PageUtil.hasRole(item.roleCode))
+                return;
+            let menu = {
+                key,
+                title: item.label,
+                label: item.label,
+            };
+            if (item.icon)
+                menu.icon = getIcon(item.icon);
+            if (item.onClick)
+                menu.onClick = evt => {
+                    utils_1.PageUtil.stopEvent(evt);
+                    item.onClick();
+                };
+            menus.push(menu);
+        });
+        if (menus.length == 0)
+            return utils_1.Const.NONE;
+        return react_1.default.createElement(Dropdown_1.Dropdown, { menu: { items: menus } },
+            react_1.default.createElement(Button_1.Button, Object.assign({}, btnParam),
+                props.label,
+                " ",
+                react_1.default.createElement(Icon_1.Icon, { type: "down" })));
+    }
+    let btnParam = {};
+    if (props.icon)
+        btnParam.icon = getIcon(props.icon);
+    if (lodash_1.default.has(props, 'type'))
+        btnParam.type = props.type;
+    if (props.disabled)
+        btnParam.disabled = true;
+    if (props.danger)
+        btnParam.danger = true;
+    if (props.confirm && props.disabled !== true) {
+        return react_1.default.createElement(antd_1.Popconfirm, { trigger: "click", placement: "bottomLeft", onConfirm: props.onClick, title: lodash_1.default.isString(props.confirm) ? props.confirm : props.confirm() },
+            react_1.default.createElement(Button_1.Button, Object.assign({}, props.config, btnParam), props.label));
+    }
+    btnParam.onClick = (evt) => utils_1.PageUtil.stopEvent(evt, props.onClick);
+    return react_1.default.createElement(Button_1.Button, Object.assign({}, props.config, btnParam), props.label);
+};
+const ActionButtons = (props) => {
+    var _a;
+    if (((_a = props.buttons) === null || _a === void 0 ? void 0 : _a.length) <= 0)
+        return react_1.default.createElement(react_1.default.Fragment, null);
+    var groups = [[]];
+    for (let btn of props.buttons) {
+        if (btn === false) {
+            continue;
+        }
+        if (btn == null) {
+            groups.push([]);
+            continue;
+        }
+        if (btn.roleCode && !utils_1.PageUtil.hasRole(btn.roleCode)) {
+            continue;
+        }
+        groups[groups.length - 1].push(btn);
+    }
+    let groupProps = {};
+    if (props.size)
+        groupProps.size = props.size;
+    return react_1.default.createElement(react_1.default.Fragment, null, groups.map((group, gi) => react_1.default.createElement(Button_1.Button.Group, Object.assign({ key: gi }, groupProps), group.map((btn, bi) => react_1.default.createElement(ActionButton, Object.assign({ key: bi }, btn))))));
+};
+exports.ActionButtons = ActionButtons;

package/components/SearchBar/ByField.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { SearchBarByFieldProps } from './index';
+export declare const SearchBarByField: React.FC<SearchBarByFieldProps>;

package/components/SearchBar/ByField.js

@@ -0,0 +1,193 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchBarByField = void 0;
+const react_1 = __importStar(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const antd_1 = require("antd");
+const Button_1 = require("../_adapt/Button");
+const Popover_1 = require("../_adapt/Popover");
+// import { Icon, } from '../_adapt/Icon';
+const utils_1 = require("../../utils");
+const Const_1 = require("../_setup/Const");
+const SearchField_1 = require("./SearchField");
+const _register_1 = require("./_register");
+const { txt } = utils_1.i18n;
+const SearchBarByField = (props) => {
+    // @ts-ignore
+    const isAwaysExpand = utils_1.GLOBAL.CONFIG.SEARCHBAR.AWAYS_EXPAND || props.__innerExpand;
+    const [data, setData] = (0, react_1.useState)(props.default || {});
+    const [isExpand, _setIsExpand] = (0, react_1.useState)(isAwaysExpand);
+    const [layout, setLayout] = (0, react_1.useState)(null);
+    // const warpData = (data) => {
+    //     let result: any = {};
+    //     _.keys(data).map(key => {
+    //         if (data[key] === null || data[key] === undefined) {
+    //             result[key] = ''
+    //         } else {
+    //             result[key] = data[key];
+    //         }
+    //     })
+    //     return result;
+    // }
+    const clear = () => setData({});
+    const search = () => props.onSearch(data);
+    const setIsExpand = (isExpand) => {
+        if (isAwaysExpand)
+            return;
+        _setIsExpand(isExpand);
+        if (lodash_1.default.isFunction(props.onExpand)) {
+            setTimeout(() => props.onExpand(isExpand), 3);
+        }
+    };
+    (0, react_1.useLayoutEffect)(() => {
+        const layout = {
+            rows: [],
+            cols: 3,
+            minWidth: 0,
+            // @ts-ignore
+            isOutSide: utils_1.GLOBAL.CONFIG.SEARCHBAR.FIELD_AWAYS_OUTSIDE || props.__innerOutside,
+            labelWidth: 0,
+            inputWidth: 0,
+        };
+        if (props.fields == undefined || props.fields.length == 0) {
+            setLayout(layout);
+            return;
+        }
+        ;
+        if (lodash_1.default.has(props, 'cols'))
+            layout.cols = props.cols;
+        layout.rows.push([]);
+        let rowUse = 0;
+        props.fields.map((field) => {
+            if (field.roleCode && !utils_1.PageUtil.hasRole(field.roleCode))
+                return;
+            const SearchField = (0, _register_1.getSearchField)(field.type);
+            if (SearchField.outside)
+                layout.isOutSide = true;
+            field.span = field.span || SearchField.defaultSpan || 1;
+            let tryfill = rowUse + field.span;
+            if (tryfill > layout.cols) {
+                layout.rows.push([{ field, SearchField: SearchField.component }]);
+                rowUse = field.span;
+            }
+            else {
+                layout.rows[layout.rows.length - 1].push({ field, SearchField: SearchField.component });
+                rowUse += field.span;
+            }
+        });
+        if (layout.isOutSide) {
+            if (lodash_1.default.isArray(props.fieldWidth)) {
+                layout.labelWidth = props.fieldWidth[0];
+                layout.inputWidth = props.fieldWidth[1];
+            }
+            else {
+                layout.labelWidth = utils_1.GLOBAL.CONFIG.SEARCHBAR.FIELD_LABEL_WIDTH;
+                layout.inputWidth = utils_1.GLOBAL.CONFIG.SEARCHBAR.FIELD_IPNUT_WIDTH;
+            }
+        }
+        else if (lodash_1.default.has(props, 'fieldWidth')) {
+            if (lodash_1.default.isNumber(props.fieldWidth)) {
+                layout.inputWidth = props.fieldWidth;
+            }
+            else {
+                layout.inputWidth = props.fieldWidth[0] + props.fieldWidth[1];
+            }
+        }
+        else {
+            layout.inputWidth = utils_1.GLOBAL.CONFIG.SEARCHBAR.FIELD_INSIDE_WIDTH;
+        }
+        layout.minWidth = layout.rows[0].length * (layout.labelWidth + layout.inputWidth) + 90;
+        setLayout(layout);
+    }, [props.fields]);
+    const rowRender = (0, react_1.useCallback)((rows, layout) => rows.map(item => {
+        let field = Object.assign({}, item.field);
+        let txt;
+        txt = (item.field.ik && utils_1.i18n.hasKey(item.field.ik)) ? utils_1.i18n.txt(item.field.ik) : item.field.label;
+        field.label = txt;
+        if (!lodash_1.default.has(field, 'placeholder')) {
+            let key = lodash_1.default.isArray(item.field.options) ? Const_1.V.INPUT_SELECT : Const_1.V.INPUT_TEXT;
+            field.placeholder = utils_1.i18n.txt(key) + txt;
+        }
+        const SearchInput = layout.isOutSide ? SearchField_1.InputOutSide : SearchField_1.InputInSide;
+        return react_1.default.createElement(SearchInput, { key: item.field.field, disabled: props.disabled, labelWidth: layout.labelWidth, inputWidth: layout.inputWidth, field: field, SearchField: item.SearchField, onChange: (value) => {
+                let formData;
+                if (lodash_1.default.isObject(value)) {
+                    formData = Object.assign(Object.assign({}, data), value);
+                }
+                else if (lodash_1.default.isString(value)) {
+                    // let val = _.trim(value);
+                    // if (val.length == 0) {
+                    //     formData = _.omit(data, item.field.field);
+                    // } else {
+                    formData = Object.assign(Object.assign({}, data), { [item.field.field]: value });
+                    // }
+                }
+                else {
+                    formData = Object.assign(Object.assign({}, data), { [item.field.field]: value });
+                }
+                // _.keys(formData).map(key => {
+                //     if (formData[key] === null || formData[key] === undefined) {
+                //         // _.unset(formData, key)
+                //         // formData[key] = undefined;
+                //     }
+                // })
+                setData(formData);
+                if (lodash_1.default.isFunction(props.onChange)) {
+                    props.onChange(formData);
+                }
+            }, triggerSearch: () => props.onSearch(data), data: data });
+    }), [data]);
+    const btnRender = (rowSize, isExpand) => {
+        if (props.hideAction || isExpand || isAwaysExpand)
+            return utils_1.Const.NONE;
+        return react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(Button_1.Button, { disabled: props.disabled, icon: 'search', type: "primary", onClick: e => utils_1.PageUtil.stopEvent(e, search) }),
+            react_1.default.createElement(Button_1.Button, { disabled: props.disabled, icon: 'redo', onClick: e => utils_1.PageUtil.stopEvent(e, clear) }),
+            rowSize > 1 && !utils_1.GLOBAL.CONFIG.SEARCHBAR.USE_MODAL && react_1.default.createElement(Button_1.Button, { disabled: props.disabled, icon: 'filter', onClick: e => utils_1.PageUtil.stopEvent(e, () => setIsExpand(true)) }),
+            rowSize > 1 && utils_1.GLOBAL.CONFIG.SEARCHBAR.USE_MODAL && react_1.default.createElement(Popover_1.Popover, { content: "更多条件" },
+                react_1.default.createElement(Button_1.Button, { disabled: props.disabled, icon: 'filter' })));
+    };
+    const moreRender = (layout) => [
+        lodash_1.default.tail(layout.rows).map(row => layout.isOutSide ? react_1.default.createElement("div", { className: 'c-searchbar-outgroup' }, rowRender(row, layout)) : react_1.default.createElement(antd_1.Input.Group, { compact: true }, rowRender(row, layout))),
+        props.hideAction ? utils_1.Const.NONE : react_1.default.createElement("div", { className: 'c-searchbar-btns' },
+            react_1.default.createElement(Button_1.Button, { disabled: props.disabled, style: { marginLeft: layout.isOutSide ? layout.labelWidth : 0 }, icon: 'search', type: "primary", onClick: e => utils_1.PageUtil.stopEvent(e, search) }, txt(Const_1.V.BTN_SEARCH)),
+            react_1.default.createElement(Button_1.Button, { disabled: props.disabled, icon: 'redo', onClick: e => utils_1.PageUtil.stopEvent(e, clear) }, txt(Const_1.V.BTN_RESET)),
+            !isAwaysExpand && react_1.default.createElement(Button_1.Button, { disabled: props.disabled, icon: 'filter', onClick: e => utils_1.PageUtil.stopEvent(e, () => setIsExpand(false)) }, txt(Const_1.V.BTN_LESS)))
+    ];
+    if (layout == null)
+        return react_1.default.createElement("div", { className: 'c-searchbar-fields' });
+    return react_1.default.createElement("div", { className: 'c-searchbar-fields', style: { minWidth: layout.minWidth } }, layout.rows.length && react_1.default.createElement(react_1.default.Fragment, null,
+        layout.isOutSide ? react_1.default.createElement("div", { className: "c-searchbar-outgroup c-searchbar-fixgroup" },
+            rowRender(layout.rows[0], layout),
+            btnRender(layout.rows.length, isExpand)) : react_1.default.createElement(antd_1.Input.Group, { compact: true, className: "c-searchbar-fixgroup" },
+            rowRender(layout.rows[0], layout),
+            btnRender(layout.rows.length, isExpand)),
+        isExpand && moreRender(layout)));
+};
+exports.SearchBarByField = SearchBarByField;

package/components/SearchBar/ByKeyword.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { SearchBarProps } from './index';
+export declare const SearchBarByKeyword: React.FC<SearchBarProps>;

package/components/SearchBar/ByKeyword.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchBarByKeyword = void 0;
+const react_1 = __importDefault(require("react"));
+const antd_1 = require("antd");
+const ByField_1 = require("./ByField");
+const utils_1 = require("../../utils");
+const Const_1 = require("../_setup/Const");
+const SearchBarByKeyword = (props) => {
+    const inputProps = {
+        className: "c-searchbar-keyword",
+        placeholder: utils_1.i18n.txt(Const_1.V.INPUT_SEARCH_KEYWORD),
+        allowClear: true,
+    };
+    if (props.keyword !== true) {
+        if (props.keyword.placeholder) {
+            inputProps.placeholder = props.keyword.placeholder;
+        }
+    }
+    if (props.fields && props.fields.length) {
+        inputProps.suffix = react_1.default.createElement(antd_1.Popover, { trigger: "click", placement: "bottom", content: react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("h3", null, utils_1.i18n.txt(Const_1.V.INPUT_SEARCH_ADVANCE)),
+                react_1.default.createElement("div", { className: 'c-searchbar' },
+                    react_1.default.createElement(ByField_1.SearchBarByField, Object.assign({}, props, { 
+                        // @ts-ignore
+                        __innerExpand: true, __innerOutside: true })))), overlayClassName: 'c-searchbar-keyword-more', getPopupContainer: () => document.getElementById('vap-app-content') },
+            react_1.default.createElement("span", { className: 'vicon vicon-menu', title: utils_1.i18n.txt(Const_1.V.INPUT_SEARCH_ADVANCE) }));
+    }
+    return react_1.default.createElement(antd_1.Input.Search, Object.assign({}, inputProps, { onSearch: keyword => props.onSearch({ keyword_: keyword }), enterButton: utils_1.i18n.txt(Const_1.V.BTN_SEARCH) }));
+};
+exports.SearchBarByKeyword = SearchBarByKeyword;

package/components/SearchBar/SearchField.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { SearchFieldComponent } from './_register';
+import type { Field } from './index';
+export type FieldInput = React.FC<{
+    SearchField: SearchFieldComponent;
+    disabled: boolean;
+    field: Field;
+    labelWidth: number;
+    inputWidth: number;
+    data: any;
+    onChange: Function;
+    triggerSearch: Function;
+}>;
+export declare const InputInSide: FieldInput;
+export declare const InputOutSide: FieldInput;

package/components/SearchBar/SearchField.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputOutSide = exports.InputInSide = void 0;
+const react_1 = __importDefault(require("react"));
+const InputInSide = (props) => {
+    const { SearchField, field, inputWidth, data, disabled } = props;
+    let width = inputWidth;
+    if (field.span)
+        width *= field.span;
+    return react_1.default.createElement(SearchField, { width: width, field: field, disabled: disabled, onChange: props.onChange, triggerSearch: props.triggerSearch, data: data });
+};
+exports.InputInSide = InputInSide;
+const InputOutSide = (props) => {
+    const { SearchField, field, labelWidth, inputWidth, data, disabled } = props;
+    let width = labelWidth + inputWidth;
+    if (field.span)
+        width *= field.span;
+    return react_1.default.createElement("div", { style: { width }, className: 'c-searchbar-field' },
+        react_1.default.createElement("label", { style: { width: labelWidth }, title: field.label }, field.label),
+        react_1.default.createElement(SearchField, { width: width - labelWidth, field: field, disabled: disabled, onChange: props.onChange, triggerSearch: props.triggerSearch, data: data }));
+};
+exports.InputOutSide = InputOutSide;

package/components/SearchBar/SearchTags.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SearchTags: () => React.JSX.Element;

package/components/SearchBar/SearchTags.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchTags = void 0;
+const react_1 = __importDefault(require("react"));
+const antd_1 = require("antd");
+const SearchTags = () => {
+    return react_1.default.createElement("div", null,
+        react_1.default.createElement("h1", null,
+            "\u5168\u90E8\u7ED3\u679C >  ",
+            react_1.default.createElement(antd_1.Tag, { closable: true, onClose: () => { } }, "aa")),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement("label", { htmlFor: 'p' }),
+            react_1.default.createElement("p", null)));
+};
+exports.SearchTags = SearchTags;

package/components/SearchBar/_FieldType.d.ts

@@ -0,0 +1,8 @@
+/**
+ *
+| 类型 | 说明 |
+| ---  | --- |
+| text ||
+ *
+*/
+export declare const _FieldType: readonly ["text", "number", "select", "multi-select", "radio", "radio-button", "checkbox", "switch", "date", "daterange", "daterange-single", "datetime", "timerange", "timerange-single", "month", "monthrange", "autocomplete"];