@ibiz-template/vue3-components 0.6.16 → 0.7.0

package/es/control/form/form-detail/form-mdctrl/index.d.ts

@@ -11,6 +11,7 @@ export declare const IBizFormMDCtrl: import("@ibiz-template/vue3-util").TypeWith
     c: import("@ibiz-template/runtime").FormMDCtrlController;
     ns: import("@ibiz-template/core").Namespace;
     hasCaption: boolean | undefined;
+    onActionClick: (detail: import("@ibiz/model-core").IUIActionGroupDetail, event: MouseEvent) => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IDEFormMDCtrl>;

package/es/control/form/form-detail/form-rawitem/form-rawitem.d.ts

@@ -1,5 +1,5 @@
 import { IDEFormRawItem } from '@ibiz/model-core';
-import { PropType } from 'vue';
+import { PropType, Ref } from 'vue';
 import { FormRawItemController } from '@ibiz-template/runtime';
 import './form-rawitem.scss';
 export declare const FormRawItem: import("vue").DefineComponent<{
@@ -13,6 +13,7 @@ export declare const FormRawItem: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    content: Ref<string | number | undefined>;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {

package/es/control/form/form-detail/form-rawitem/form-rawitem.mjs

@@ -1,4 +1,4 @@
-import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { FormRawItemController } from '@ibiz-template/runtime';
 import './form-rawitem.css';
@@ -18,14 +18,43 @@ const FormRawItem = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     const ns = useNamespace("form-raw-item");
+    const c = props.controller;
+    const content = ref("");
     const showFormDefaultContent = computed(() => {
       if (props.controller.form.controlParams && props.controller.form.controlParams.editmode === "hover") {
         return true;
       }
       return false;
     });
+    watch(() => c.data, async (newVal) => {
+      if (newVal) {
+        const rawItemModel = c.model.rawItem;
+        if (!rawItemModel) {
+          return;
+        }
+        let rawItemContent = "";
+        const obj = {
+          ...newVal
+        };
+        if (rawItemModel.contentType === "RAW") {
+          rawItemContent = rawItemModel.caption;
+        } else if (rawItemModel.contentType === "HTML") {
+          rawItemContent = rawItemModel.content;
+        }
+        if (rawItemContent && rawItemModel.templateMode) {
+          content.value = await ibiz.util.hbs.render(rawItemContent.replaceAll("//n", "\n"), Object.assign(obj, {
+            data: {
+              ...newVal
+            }
+          }));
+        }
+      }
+    }, {
+      immediate: true
+    });
     return {
       ns,
+      content,
       showFormDefaultContent
     };
   },
@@ -36,6 +65,7 @@ const FormRawItem = /* @__PURE__ */ defineComponent({
     return createVNode(resolveComponent("iBizRawItem"), {
       "class": [this.ns.b(), ...this.controller.containerClass, this.ns.is("show-default", this.showFormDefaultContent)],
       "rawItem": this.modelData,
+      "content": this.content,
       "onClick": (event) => this.controller.onClick(event)
     }, null);
   }

package/es/control/form/form-detail/form-rawitem/index.d.ts

@@ -9,6 +9,7 @@ export declare const IBizFormRawItem: import("@ibiz-template/vue3-util").TypeWit
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    content: import("vue").Ref<string | number | undefined>;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {

package/es/control/grid/grid/grid.mjs

@@ -292,6 +292,7 @@ const GridControl = /* @__PURE__ */ defineComponent({
         "total": state.total,
         "curPage": state.curPage,
         "size": state.size,
+        "totalPages": state.totalPages,
         "onChange": this.onPageChange,
         "onPageSizeChange": this.onPageSizeChange,
         "onPageRefresh": this.onPageRefresh

package/es/control/grid/grid-column/grid-field-edit-column/cell-edit.mjs

@@ -27,7 +27,9 @@ function useCellEdit(props, componentRef) {
     return !editorShowEdit.value;
   });
   const editorDisabled = false;
-  const isAutoFocus = true;
+  const isAutoFocus = computed(() => {
+    return !hasError.value;
+  });
   const showEditMask = computed(() => {
     return cellEditable.value && !editable.value;
   });

package/es/control/list/list.mjs

@@ -212,6 +212,7 @@ const ListControl = /* @__PURE__ */ defineComponent({
         "total": this.c.state.total,
         "curPage": this.c.state.curPage,
         "size": this.c.state.size,
+        "totalPages": this.c.state.totalPages,
         "onChange": this.onPageChange,
         "onPageSizeChange": this.onPageSizeChange,
         "onPageRefresh": this.onPageRefresh

package/es/control/search-bar/filter-tree/filter-tree.d.ts

@@ -1,4 +1,4 @@
-import { IFilterBranchNode, IFilterLeafNode, IFilterNode, SearchBarFilterController, SearchBarFilterItemsController } from '@ibiz-template/runtime';
+import { IFilterNodeGroup, IFilterNodeField, IFilterNode, SearchBarFilterController, SearchBarFilterItemsController, IFilterNodeItems } from '@ibiz-template/runtime';
 import { PropType } from 'vue';
 import './filter-tree.scss';
 /** 不需要编辑器的OP */
@@ -27,8 +27,8 @@ export declare const FilterTreeControl: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    renderFilterGroup: (node: IFilterBranchNode, itemsC?: SearchBarFilterItemsController) => JSX.Element;
-    renderFilterItem: (node: IFilterLeafNode, itemsC?: SearchBarFilterItemsController) => JSX.Element;
+    renderFilterGroup: (node: IFilterNodeGroup | IFilterNodeItems, itemsC?: SearchBarFilterItemsController) => any;
+    renderFilterItem: (node: IFilterNodeField, itemsC?: SearchBarFilterItemsController) => JSX.Element | undefined;
     onConfirm: () => void;
     onCancel: () => void;
     isInSearchBar: import("vue").ComputedRef<boolean>;

package/es/control/search-bar/filter-tree/filter-tree.mjs

@@ -2,6 +2,7 @@ import { isVNode, computed, resolveComponent, h, createVNode, createTextVNode, d
 import { ValueOP } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './filter-tree.css';
+import { clearAll } from 'qx-util';
 
 "use strict";
 function _isSlot(s) {
@@ -90,33 +91,49 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
     const UiFilterNodes = computed(() => {
       return props.filterNodes;
     });
-    const findFilterController = (fieldName, valueOP) => {
+    const findFilterController = (node) => {
+      if (node.nodeType === "ITEMS" && node.simple) {
+        const subNode = node.children[0];
+        return props.filterControllers.find((item) => {
+          if (item.type === "SIMPLE_ITEMS") {
+            const simpleC = item;
+            if (simpleC.fieldName === node.field && simpleC.valueOP === node.valueOP && simpleC.subFieldName === subNode.field && simpleC.subValueOP === subNode.valueOP) {
+              return true;
+            }
+          }
+          return false;
+        });
+      }
+      const {
+        field,
+        valueOP
+      } = node;
       return props.filterControllers.find((item) => {
-        if (item.fieldName === fieldName) {
+        if (item.type === "SIMPLE_ITEMS") {
+          return false;
+        }
+        if (item.fieldName === field) {
           return item.valueOP ? item.valueOP === valueOP : true;
         }
         return false;
       });
     };
     const allFields = [];
-    const getFilterModes = (fieldName, fieldInfos = allFields) => {
-      if (!fieldName) {
-        return;
-      }
-      const field = fieldInfos.find((item) => item.name === fieldName);
-      if (!field) {
+    props.filterControllers.forEach((filterC) => {
+      let find = allFields.find((x) => x.name === filterC.key);
+      if (filterC.hidden) {
         return;
       }
-      return field.valueOPs;
-    };
-    props.filterControllers.forEach((filterC) => {
-      let find = allFields.find((x) => x.name === filterC.fieldName);
       if (find === void 0) {
         find = {
-          name: filterC.fieldName,
+          name: filterC.key,
+          fieldName: filterC.fieldName,
           label: filterC.label,
           valueOPs: []
         };
+        if (filterC.type === "SIMPLE_ITEMS") {
+          find.simpleFilterC = filterC;
+        }
         allFields.push(find);
       }
       if (!filterC.valueOP) {
@@ -125,25 +142,38 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
         find.valueOPs.push(filterC.valueOP);
       }
     });
-    const onFieldSelect = (node, field) => {
-      node.value = null;
-      node.valueOP = null;
-      node.field = field;
-      Object.assign(node, {
-        leaf: true,
-        logicType: void 0,
-        children: void 0
-      });
+    const getFilterModes = (fieldName, fieldInfos = allFields) => {
+      if (!fieldName) {
+        return;
+      }
+      const field = fieldInfos.find((item) => item.name === fieldName);
+      if (!field) {
+        return;
+      }
+      return field.valueOPs;
+    };
+    const onFieldSelect = (node, key, fields = allFields) => {
+      const fieldInfo = fields.find((item) => item.name === key);
+      if (!fieldInfo) {
+        ibiz.log.error("allFields\u627E\u4E0D\u5230\u5C5E\u6027\u6807\u8BC6\u4E3A".concat(key, "\u7684"));
+        return;
+      }
+      clearAll(node);
+      if (fieldInfo.simpleFilterC) {
+        fieldInfo.simpleFilterC.addSimpleFilterNode(node);
+        return;
+      }
+      node.nodeType = "FIELD";
+      node.field = fieldInfo.fieldName;
     };
     const onValueOPSelect = (node, valueOP) => {
       node.valueOP = valueOP;
       node.value = null;
       if (["EXISTS", "NOTEXISTS"].includes(valueOP)) {
         Object.assign(node, {
-          leaf: false,
-          logicType: "ITEMS",
+          nodeType: "ITEMS",
           children: [{
-            leaf: true,
+            nodeType: "FIELD",
             field: null,
             valueOP: null,
             value: null
@@ -151,8 +181,7 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
         });
       } else {
         Object.assign(node, {
-          leaf: true,
-          logicType: void 0,
+          nodeType: "FIELD",
           children: void 0
         });
       }
@@ -162,10 +191,10 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
     };
     const addGroup = (node) => {
       node.children.push({
-        leaf: false,
+        nodeType: "GROUP",
         logicType: "AND",
         children: [{
-          leaf: true,
+          nodeType: "FIELD",
           field: null,
           valueOP: null,
           value: null
@@ -174,7 +203,7 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
     };
     const addItem = (node) => {
       node.children.push({
-        leaf: true,
+        nodeType: "FIELD",
         field: null,
         valueOP: null,
         value: null
@@ -212,6 +241,9 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
     };
     const renderFilterItem = (node, itemsC) => {
       let _slot;
+      if (node.hidden) {
+        return;
+      }
       let fieldInfos = allFields;
       if (itemsC) {
         fieldInfos = itemsC.allFields;
@@ -223,7 +255,7 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
           const subFilterC = itemsC.getSubFilterController(node.field, node.valueOP);
           editor = renderEditor(node, subFilterC);
         } else {
-          const filterC = findFilterController(node.field, node.valueOP);
+          const filterC = findFilterController(node);
           if (filterC && !["EXISTS", "NOTEXISTS"].includes(filterC.valueOP)) {
             editor = renderEditor(node, filterC);
           }
@@ -237,7 +269,7 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
         "teleported": false,
         "class": ns.e("field-select"),
         "onChange": (field) => {
-          onFieldSelect(node, field);
+          onFieldSelect(node, field, fieldInfos);
         }
       }, _isSlot(_slot = fieldInfos.map((field) => {
         return createVNode(resolveComponent("el-option"), {
@@ -259,7 +291,10 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
     };
     let renderFilterItems = (_node) => createVNode("div", null, null);
     const renderFilterGroup = (node, itemsC) => {
-      if (node.logicType === "ITEMS") {
+      if (node.hidden) {
+        return;
+      }
+      if (node.nodeType === "ITEMS") {
         return renderFilterItems(node);
       }
       return createVNode("div", {
@@ -301,7 +336,10 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
       })]), createVNode("div", {
         "class": ns.be("group", "list")
       }, [node.children.length > 0 && node.children.map((child, index) => {
-        const childContent = child.leaf ? renderFilterItem(child, itemsC) : renderFilterGroup(child, itemsC);
+        const childContent = child.nodeType === "FIELD" ? renderFilterItem(child, itemsC) : renderFilterGroup(child, itemsC);
+        if (!childContent) {
+          return null;
+        }
         return createVNode("div", {
           "class": ns.be("group", "list-item")
         }, [createVNode("div", {
@@ -318,7 +356,30 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
       })])]);
     };
     renderFilterItems = (node) => {
-      const itemsC = findFilterController(node.field, node.valueOP);
+      const itemsC = findFilterController(node);
+      if (node.simple) {
+        let _slot2;
+        const child = node.children[0];
+        if (!child) {
+          return;
+        }
+        return [createVNode(resolveComponent("el-select"), {
+          "model-value": itemsC.key,
+          "teleported": false,
+          "class": ns.e("field-select"),
+          "onChange": (field) => {
+            onFieldSelect(node, field);
+          }
+        }, _isSlot(_slot2 = allFields.map((field) => {
+          return createVNode(resolveComponent("el-option"), {
+            "key": field.name,
+            "value": field.name,
+            "label": field.label
+          }, null);
+        })) ? _slot2 : {
+          default: () => [_slot2]
+        }), renderEditor(child, itemsC)];
+      }
       return createVNode("div", {
         "class": (ns.b("group"), ns.bm("group", "items"))
       }, [createVNode("div", {
@@ -333,7 +394,7 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
       })]), createVNode("div", {
         "class": ns.be("group", "list")
       }, [node.children.length > 0 && node.children.map((child, index) => {
-        const childContent = child.leaf ? renderFilterItem(child, itemsC) : renderFilterGroup(child, itemsC);
+        const childContent = child.nodeType === "FIELD" ? renderFilterItem(child, itemsC) : renderFilterGroup(child, itemsC);
         return createVNode("div", {
           "class": ns.be("group", "list-item")
         }, [createVNode("div", {
@@ -369,7 +430,7 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
     return createVNode("div", {
       "class": [this.ns.b()]
     }, [this.UiFilterNodes.length > 0 && this.UiFilterNodes.map((node) => {
-      if (node.leaf) {
+      if (node.nodeType === "FIELD") {
         return this.renderFilterItem(node);
       }
       return this.renderFilterGroup(node);

package/es/control/search-bar/index.d.ts

@@ -25,6 +25,7 @@ export declare const IBizSearchBarControl: import("@ibiz-template/vue3-util").Ty
     onGroupClick: (item: import("@ibiz/model-core").ISearchBarGroup) => void;
     triggerFilter: () => void;
     handleSave: () => void;
+    renderAdvancedSearch: () => JSX.Element | null;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").ISearchBar>;

package/es/control/search-bar/index.mjs

@@ -5,6 +5,7 @@ import { SearchBarProvider } from './search-bar.provider.mjs';
 import { FilterTreeControl } from './filter-tree/filter-tree.mjs';
 import { FilterModeSelect } from './filter-mode-select/filter-mode-select.mjs';
 import { SearchGroups } from './search-groups/search-groups.mjs';
+import { QuickSearchSelect } from './quick-search-select/quick-search-select.mjs';
 
 "use strict";
 const IBizSearchBarControl = withInstall(
@@ -14,6 +15,7 @@ const IBizSearchBarControl = withInstall(
     v.component(FilterTreeControl.name, FilterTreeControl);
     v.component(FilterModeSelect.name, FilterModeSelect);
     v.component(SearchGroups.name, SearchGroups);
+    v.component(QuickSearchSelect.name, QuickSearchSelect);
     registerControlProvider(
       ControlType.SEARCHBAR,
       () => new SearchBarProvider()

package/es/control/search-bar/quick-search-select/quick-search-select.css

@@ -0,0 +1 @@
+.ibiz-quick-search-select{width:40px;height:100%;color:var(--ibiz-color-white);cursor:pointer;background-color:var(--ibiz-color-primary);border-top-left-radius:var(--el-input-border-radius);border-bottom-left-radius:var(--el-input-border-radius)}.ibiz-quick-search-select:hover{background-color:var(--ibiz-color-primary-hover)}.ibiz-quick-search-select__icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ibiz-quick-search-select-popover{--ibiz-quick-search-select-item-text-color:var(--ibiz-color-text-2);--ibiz-quick-search-select-item-bg-color:var(--ibiz-color-bg-1);--ibiz-quick-search-select-item-hover-text-color:var(--ibiz-color-text-0);--ibiz-quick-search-select-item-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-quick-search-select-item-selected-text-color:var(--ibiz-color-primary);--ibiz-quick-search-select-item-selected-bg-color:var(--ibiz-color-bg-1)}.ibiz-quick-search-select-popover.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background-color:var(--ibiz-color-bg-1)}.ibiz-quick-search-select-popover.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background-color:var(--ibiz-color-bg-1)}.ibiz-quick-search-select-popover.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu__item{color:var(--ibiz-quick-search-select-item-text-color);background-color:var(--ibiz-quick-search-select-item-bg-color)}.ibiz-quick-search-select-popover.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu__item:hover{color:var(--ibiz-quick-search-select-item-hover-text-color);background-color:var(--ibiz-quick-search-select-item-hover-bg-color)}.ibiz-quick-search-select-popover__item--selected{font-weight:700;--ibiz-quick-search-select-item-text-color:var(--ibiz-quick-search-select-item-selected-text-color);--ibiz-quick-search-select-item-bg-color:var(--ibiz-quick-search-select-item-selected-bg-color)}

package/es/control/search-bar/quick-search-select/quick-search-select.d.ts

@@ -0,0 +1,16 @@
+import { IQuickSearchItem, SearchBarController } from '@ibiz-template/runtime';
+import './quick-search-select.scss';
+export declare const QuickSearchSelect: import("vue").DefineComponent<{
+    controller: {
+        type: typeof SearchBarController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    onItemClick: (item: IQuickSearchItem) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    controller: {
+        type: typeof SearchBarController;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/control/search-bar/quick-search-select/quick-search-select.mjs

@@ -0,0 +1,72 @@
+import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
+import { SearchBarController } from '@ibiz-template/runtime';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './quick-search-select.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const QuickSearchSelect = /* @__PURE__ */ defineComponent({
+  name: "IBizQuickSearchSelect",
+  props: {
+    controller: {
+      type: SearchBarController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("quick-search-select");
+    const onItemClick = (item) => {
+      const key = item.fieldName;
+      const {
+        quickSearchFieldNames
+      } = props.controller.state;
+      const index = quickSearchFieldNames.indexOf(key);
+      if (index === -1) {
+        quickSearchFieldNames.push(key);
+      } else {
+        quickSearchFieldNames.splice(index, 1);
+      }
+      props.controller.calcQuickSearchPlaceHolder();
+    };
+    return {
+      ns,
+      onItemClick
+    };
+  },
+  render() {
+    const {
+      state
+    } = this.controller;
+    return createVNode(resolveComponent("el-dropdown"), {
+      "onCommand": this.onItemClick,
+      "trigger": "click",
+      "hide-on-click": false,
+      "class": [this.ns.b()],
+      "popper-class": [this.ns.b("popover")]
+    }, {
+      default: () => createVNode("div", {
+        "class": this.ns.e("icon")
+      }, [createVNode("ion-icon", {
+        "name": "settings-outline"
+      }, null)]),
+      dropdown: () => {
+        let _slot;
+        return createVNode(resolveComponent("el-dropdown-menu"), null, _isSlot(_slot = state.quickSearchItems.map((item) => {
+          const isSelected = state.quickSearchFieldNames.includes(item.fieldName);
+          return createVNode(resolveComponent("el-dropdown-item"), {
+            "class": [this.ns.be("popover", "item"), isSelected && this.ns.bem("popover", "item", "selected")],
+            "command": item
+          }, {
+            default: () => [item.label]
+          });
+        })) ? _slot : {
+          default: () => [_slot]
+        });
+      }
+    });
+  }
+});
+
+export { QuickSearchSelect };

package/es/control/search-bar/search-bar.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-control-searchbar{--ibiz-control-searchbar-quick-search-width:220px;--ibiz-control-searchbar-quick-group-item-padding:var(--ibiz-spacing-tight);--ibiz-control-searchbar-quick-group-item-margin:var(--ibiz-spacing-tight);display:flex;align-items:center;justify-content:flex-start;height:100%}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search{width:var(--ibiz-control-searchbar-quick-search-width);margin-left:var(--ibiz-spacing-base-tight);font-size:14px;color:var(--ibiz-text-color);background:var(--ibiz-color-white);border:1px solid var(--ibiz-border-color);border-radius:4px}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group{height:100%;overflow-x:auto;white-space:nowrap}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item{position:relative;display:inline-block;height:100%;padding:var(--ibiz-control-searchbar-quick-group-item-padding);margin-right:var(--ibiz-control-searchbar-quick-group-item-margin);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item.is-selected::after{position:absolute;bottom:2px;left:0;width:100%;height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item:hover{color:var(--ibiz-color-primary)}.ibiz-control-searchbar .el-input__icon{cursor:pointer}.ibiz-control-searchbar-filter{margin-right:var(--ibiz-spacing-extra-tight);margin-left:var(--ibiz-spacing-base-tight)}.ibiz-control-searchbar-save{margin-left:var(--ibiz-spacing-base-tight)}
+@charset "UTF-8";.ibiz-control-searchbar{--ibiz-control-searchbar-quick-search-width:220px;--ibiz-control-searchbar-quick-group-item-padding:var(--ibiz-spacing-tight);--ibiz-control-searchbar-quick-group-item-margin:var(--ibiz-spacing-tight);display:flex;align-items:center;justify-content:flex-start;height:100%}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search{width:var(--ibiz-control-searchbar-quick-search-width);margin-left:var(--ibiz-spacing-base-tight);font-size:14px;color:var(--ibiz-text-color);background:var(--ibiz-color-white);border:1px solid var(--ibiz-border-color);border-radius:4px}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search .el-input-group__prepend,.ibiz-control-searchbar .ibiz-control-searchbar-quick-search.el-input-group__append{padding:0}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group{height:100%;overflow-x:auto;white-space:nowrap}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item{position:relative;display:inline-block;height:100%;padding:var(--ibiz-control-searchbar-quick-group-item-padding);margin-right:var(--ibiz-control-searchbar-quick-group-item-margin);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item.is-selected::after{position:absolute;bottom:2px;left:0;width:100%;height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-group .ibiz-control-searchbar-quick-group-item:hover{color:var(--ibiz-color-primary)}.ibiz-control-searchbar .el-input__icon{cursor:pointer}.ibiz-control-searchbar-filter{margin-right:var(--ibiz-spacing-extra-tight);margin-left:var(--ibiz-spacing-base-tight)}.ibiz-control-searchbar-save{margin-left:var(--ibiz-spacing-base-tight)}

package/es/control/search-bar/search-bar.d.ts

@@ -29,6 +29,7 @@ export declare const SearchBarControl: import("vue").DefineComponent<{
     onGroupClick: (item: ISearchBarGroup) => void;
     triggerFilter: () => void;
     handleSave: () => void;
+    renderAdvancedSearch: () => JSX.Element | null;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<ISearchBar>;

package/es/control/search-bar/search-bar.mjs

@@ -94,6 +94,14 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
     const handleSave = () => {
       c.handleSave();
     };
+    const renderAdvancedSearch = () => {
+      if (!c.state.advancedQuickSearch) {
+        return null;
+      }
+      return createVNode(resolveComponent("iBizQuickSearchSelect"), {
+        "controller": c
+      }, null);
+    };
     return {
       c,
       ns,
@@ -104,7 +112,8 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
       onKeydown,
       onGroupClick,
       triggerFilter,
-      handleSave
+      handleSave,
+      renderAdvancedSearch
     };
   },
   render() {
@@ -137,7 +146,7 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
           "modelValue": this.c.state.query,
           "onUpdate:modelValue": ($event) => this.c.state.query = $event,
           "class": this.ns.b("quick-search"),
-          "placeholder": this.c.placeHolder,
+          "placeholder": this.c.state.quickSearchPlaceHolder,
           "clearable": true,
           "onKeydown": this.onKeydown,
           "onClear": this.onClear,
@@ -146,7 +155,9 @@ const SearchBarControl = /* @__PURE__ */ defineComponent({
             "class": this.ns.e("search-icon"),
             "name": "search"
           }, null)
-        }, null), this.c.enableFilter && createVNode(resolveComponent("el-button"), {
+        }, {
+          prepend: () => this.renderAdvancedSearch()
+        }), this.c.enableFilter && createVNode(resolveComponent("el-button"), {
           "ref": "filterButtonRef",
           "type": "primary",
           "title": "\u8FC7\u6EE4",

package/es/control/toolbar/index.d.ts

@@ -22,6 +22,7 @@ export declare const IBizToolbarControl: import("@ibiz-template/vue3-util").Type
     c: import("@ibiz-template/runtime").ToolbarController<import("@ibiz/model-core").IControl, import("@ibiz-template/runtime").IToolbarState, import("@ibiz-template/runtime").IToolbarEvent>;
     btnSize: import("vue").Ref<string>;
     ns: import("@ibiz-template/core").Namespace;
+    toolbarStyle: string | undefined;
     handleClick: (item: import("@ibiz/model-core").IDEToolbarItem, event: MouseEvent, params?: IData | undefined) => Promise<void>;
     renderExtraButtons: (extraButtons: import("@ibiz-template/runtime").IExtraButton[]) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;

package/es/control/toolbar/toolbar.d.ts

@@ -26,6 +26,7 @@ export declare const ToolbarControl: import("vue").DefineComponent<{
     c: ToolbarController<import("@ibiz/model-core").IControl, import("@ibiz-template/runtime").IToolbarState, import("@ibiz-template/runtime").IToolbarEvent>;
     btnSize: import("vue").Ref<string>;
     ns: import("@ibiz-template/core").Namespace;
+    toolbarStyle: string | undefined;
     handleClick: (item: IDEToolbarItem, event: MouseEvent, params?: IData) => Promise<void>;
     renderExtraButtons: (extraButtons: IExtraButton[]) => VNode[];
     renderToolbarItem: (item: IDEToolbarItem) => VNode | null;