@ibiz-template/mob-vue3-components 0.0.6 → 0.0.8

package/dist/tree-xaVRfp-8.js

@@ -0,0 +1,2 @@
+System.register(["vue","@ibiz-template/vue3-util","@ibiz-template/runtime","qx-util","@ibiz-template-package/vs-tree-ex"],function(g){"use strict";var l,a,u,s,c,d,h,m,f,p;return{setters:[function(t){l=t.defineComponent,a=t.computed,u=t.ref,s=t.createVNode,c=t.resolveComponent},function(t){d=t.useControlController,h=t.useNamespace},function(t){m=t.TreeController},function(t){f=t.createUUID},function(t){p=t.VsTreeComponent}],execute:function(){const t=l({name:"IBizTreeControl",components:{"vs-tree":p},props:{modelData:{type:Object,required:!0},context:{type:Object,required:!0},params:{type:Object,default:()=>({})},mdctrlActiveMode:{type:Number,default:2},singleSelect:{type:Boolean,default:!0}},setup(){var C,b;const o=d((...e)=>new m(...e)),D=h(`control-${o.model.controlType.toLowerCase()}`),T=a(()=>o.state.selectedData.map(e=>e.srfkey)),k=f(),N=u(!0),x=a(()=>o.state.isLoaded?o.model.rootVisible?o.state.rootNodes:o.state.rootNodes.reduce((e,r)=>r.children?e.concat(r.children):e,[]):[]),z=async(e,r)=>{if(!o.state.isLoaded)return;const n=await o.loadNodes(e.data);r(n)},L=(e,r)=>{const{originData:n}=r;o.onTreeNodeClick(n,e)},v=(e,r)=>{e.stopPropagation();const{originData:n}=r;n.leaf&&o.onTreeNodeClick(n,e)},w=e=>({id:e.srfkey,name:e.text,children:e.children,isLeaf:e.leaf}),B=(e,r)=>{const{originData:n}=r;if(!n.leaf)return e("div",{text:"\u4E0B\u7EA7",className:"tree-button",click:(j,i)=>{i.store.breadcrumb.list.push(i),i.setExpand(!0)}})},V=(e,r)=>{const{checked:n}=r;r.setChecked(!n),v(e,r)},y={maxHeight:"100%",checkInherit:!1,nocheckParent:!0,rootName:(b=(C=o.model.detreeNodes)==null?void 0:C.find(e=>e.rootNode))==null?void 0:b.name,renderContent:B,customNodeClick:V};return N.value&&Object.assign(y,{breadcrumb:{el:`#breadcrumb${k}`,link:(e,r)=>r.name}}),{c:o,ns:D,treeData:x,options:y,breadcrumb:N,checkedKeys:T,uuid:k,onNodeCheck:L,onNodeClick:v,loadData:z,treeDataFormat:w}},render(){return s(c("iBizControlBase"),{controller:this.c},{default:()=>[this.breadcrumb&&s(c("van-sticky"),null,{default:()=>[s("div",{id:`breadcrumb${this.uuid}`,class:[this.ns.b("header")]},null)]}),this.c.state.isCreated&&this.c.state.isLoaded&&s(c("vs-tree"),{"show-line":!0,class:[this.ns.b("content")],lazy:!0,strictLeaf:!0,options:this.options,"show-checkbox":!this.c.state.singleSelect,data:this.treeData,highlightCurrent:!0,checkedKeys:this.checkedKeys,format:this.treeDataFormat,load:this.loadData,onCheck:this.onNodeCheck},null)]})}});g({TreeControl:t,default:t})}}});
+//# sourceMappingURL=tree-xaVRfp-8.js.map

package/dist/tree-xaVRfp-8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-xaVRfp-8.js","sources":["../src/control/tree/tree.tsx"],"sourcesContent":["import { useControlController, useNamespace } from '@ibiz-template/vue3-util';\nimport { computed, defineComponent, PropType, ref, VNode } from 'vue';\nimport { IDETree } from '@ibiz/model-core';\nimport { ITreeNodeData, TreeController } from '@ibiz-template/runtime';\nimport { createUUID } from 'qx-util';\nimport { VsTreeComponent } from '@ibiz-template-package/vs-tree-ex';\nimport './tree.scss';\n\nexport const TreeControl = defineComponent({\n  name: 'IBizTreeControl',\n  components: {\n    'vs-tree': VsTreeComponent,\n  },\n  props: {\n    modelData: { type: Object as PropType<IDETree>, required: true },\n    context: { type: Object as PropType<IContext>, required: true },\n    params: { type: Object as PropType<IParams>, default: () => ({}) },\n    /**\n     * 部件行数据默认激活模式\n     * - 0 不激活\n     * - 1 单击激活\n     * - 2 双击激活(默认值)\n     *\n     * @type {(number | 0 | 1 | 2)}\n     */\n    mdctrlActiveMode: { type: Number, default: 2 },\n\n    /**\n     * 是否为单选\n     * - true 单选\n     * - false 多选\n     *\n     * @type {(Boolean)}\n     */\n    singleSelect: { type: Boolean, default: true },\n  },\n  setup() {\n    const c = useControlController<TreeController>(\n      (...args) => new TreeController(...args),\n    );\n    const ns = useNamespace(`control-${c.model.controlType!.toLowerCase()}`);\n    // 默认选中项\n    const checkedKeys = computed(() => {\n      return c.state.selectedData.map(item => item.srfkey);\n    });\n\n    const uuid = createUUID();\n\n    // 启用面包屑功能\n    const breadcrumb = ref(true);\n    // 节点单击\n\n    /** 树展示数据 */\n    const treeData = computed(() => {\n      if (!c.state.isLoaded) {\n        return [];\n      }\n      return c.model.rootVisible\n        ? c.state.rootNodes\n        : c.state.rootNodes.reduce<ITreeNodeData[]>((result, nodeData) => {\n            if (nodeData.children) {\n              return result.concat(nodeData.children);\n            }\n            return result;\n          }, []);\n    });\n\n    /**\n     * 触发节点加载数据\n     * @author zk\n     * @date 2023-05-29 09:16:07\n     * @param {IData} item\n     * @param {(nodes: IData[]) => void} callback\n     */\n    const loadData = async (\n      item: IData,\n      callback: (nodes: IData[]) => void,\n    ) => {\n      // 没加载前拦截\n      if (!c.state.isLoaded) {\n        return;\n      }\n      // 加载时拦截点击事件\n      const nodes = await c.loadNodes(item.data);\n      callback(nodes);\n    };\n\n    /**\n     * 多选时选中节点变更\n     *\n     * @param {ITreeNodeData} nodeData\n     */\n    const onNodeCheck = (event: MouseEvent, opts: IData) => {\n      const { originData } = opts;\n      c.onTreeNodeClick(originData, event);\n    };\n\n    const onNodeClick = (event: MouseEvent, opts: IData) => {\n      event.stopPropagation();\n      const { originData } = opts;\n      if (!originData.leaf) {\n        return;\n      }\n      c.onTreeNodeClick(originData, event);\n    };\n\n    /**\n     * 树数据格式化\n     *\n     * @author zk\n     * @date 2023-07-03 11:07:59\n     * @param {ITreeNodeData} data\n     * @return {*}\n     */\n    const treeDataFormat = (data: ITreeNodeData) => {\n      return {\n        id: data.srfkey,\n        name: data.text,\n        children: data.children,\n        isLeaf: data.leaf,\n      };\n    };\n\n    const renderContent = (\n      h: (tag: string, opt: IData) => VNode,\n      opts: IData,\n    ) => {\n      const { originData } = opts;\n      if (!originData.leaf) {\n        return h('div', {\n          text: '下级',\n          className: 'tree-button',\n          click: (e: Event, _opts: IData) => {\n            _opts.store.breadcrumb.list.push(_opts);\n            _opts.setExpand(true);\n          },\n        });\n      }\n    };\n\n    const customNodeClick = (event: MouseEvent, opts: IData) => {\n      const { checked } = opts;\n      opts.setChecked(!checked);\n      onNodeClick(event, opts);\n    };\n\n    // vs树配置项\n    const options = {\n      maxHeight: '100%',\n      // 继承父状态\n      checkInherit: false,\n      // 不能选择父节点\n      nocheckParent: true,\n      rootName: c.model.detreeNodes?.find(item => item.rootNode)?.name,\n      renderContent,\n      customNodeClick,\n    };\n\n    if (breadcrumb.value) {\n      Object.assign(options, {\n        breadcrumb: {\n          el: `#breadcrumb${uuid}`,\n          link: (node: IData, data: IData) => {\n            return data.name;\n          },\n        },\n      });\n    }\n    return {\n      c,\n      ns,\n      treeData,\n      options,\n      breadcrumb,\n      checkedKeys,\n      uuid,\n      onNodeCheck,\n      onNodeClick,\n      loadData,\n      treeDataFormat,\n    };\n  },\n  render() {\n    return (\n      <iBizControlBase controller={this.c}>\n        {this.breadcrumb && (\n          <van-sticky>\n            <div\n              id={`breadcrumb${this.uuid}`}\n              class={[this.ns.b('header')]}\n            ></div>\n          </van-sticky>\n        )}\n        {this.c.state.isCreated && this.c.state.isLoaded && (\n          <vs-tree\n            show-line\n            class={[this.ns.b('content')]}\n            lazy={true}\n            strictLeaf={true}\n            options={this.options}\n            show-checkbox={!this.c.state.singleSelect}\n            data={this.treeData}\n            highlightCurrent={true}\n            checkedKeys={this.checkedKeys}\n            format={this.treeDataFormat}\n            load={this.loadData}\n            onCheck={this.onNodeCheck}\n          ></vs-tree>\n        )}\n      </iBizControlBase>\n    );\n  },\n});\n\nexport default TreeControl;\n"],"names":["TreeControl","defineComponent","components","VsTreeComponent","props","modelData","type","required","context","params","Object","default","setup","c","_a","_b","useControlController","args","TreeController","checkedKeys","useNamespace","computed","item","breadcrumb","ref","result","nodeData","model","loadData","callback","nodes","onNodeCheck","event","opts","originData","onNodeClick","treeDataFormat","data","renderContent","h","e","_opts","customNodeClick","checked","options","srfkey","text","uuid","className","ns","treeData","maxHeight","checkInherit","_createVNode","_resolveComponent","nocheckParent","rootName","value","assign","link","node"],"mappings":"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"}

package/es/control/app-menu-icon-view/app-menu-icon-view.css

@@ -1 +1 @@
-.ibiz-control-appmenu-iconview{--ibiz-control-appmenu-icon-width:100%;--ibiz-control-appmenu-icon-view-icon-size:2.1875rem;--ibiz-control-appmenu-icon-view-icon-margin:0.3125rem}.ibiz-control-appmenu-iconview .van-grid-item__text{display:-webkit-box;flex:1;height:-moz-fit-content;height:fit-content;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ibiz-control-appmenu-iconview .van-badge__wrapper{display:flex;justify-content:center;width:100%}.ibiz-control-appmenu-iconview .van-grid-item__content--clickable:active{background-color:inherit}.ibiz-control-appmenu-iconview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-icon-width);margin-bottom:var(--ibiz-control-appmenu-icon-view-icon-margin);font-size:var(--ibiz-control-appmenu-icon-view-icon-size)}
+.ibiz-control-appmenu-iconview{--ibiz-control-appmenu-icon-width:100%;--ibiz-control-appmenu-icon-view-icon-size:2.1875rem;--ibiz-control-appmenu-icon-view-icon-margin:0.3125rem;--ibiz-control-appmenu-icon-color:var(--ibiz-color-text-0)}.ibiz-control-appmenu-iconview .van-grid-item__text{display:-webkit-box;flex:1;height:-moz-fit-content;height:fit-content;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ibiz-control-appmenu-iconview .van-badge__wrapper{display:flex;justify-content:center;width:100%}.ibiz-control-appmenu-iconview .van-grid-item__content--clickable:active{background-color:inherit}.ibiz-control-appmenu-iconview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-icon-view-icon-size);height:var(--ibiz-control-appmenu-icon-view-icon-size);margin-bottom:var(--ibiz-control-appmenu-icon-view-icon-margin);font-size:var(--ibiz-control-appmenu-icon-view-icon-size);color:var(--ibiz-control-appmenu-icon-color)}.ibiz-control-appmenu-iconview .ibiz-control-appmenu-icon .ibiz-icon{width:100%;height:100%}.ibiz-control-appmenu-iconview .ibiz-control-appmenu-icon svg.icon{width:100%;height:100%}.ibiz-control-appmenu-iconview .ibiz-control-appmenu-icon svg.icon path{fill:var(--ibiz-control-appmenu-icon-color)}.ibiz-icon svg.icon{width:100%;height:100%}.ibiz-icon svg.icon path{fill:currentcolor}

package/es/control/app-menu-list-view/app-menu-list-view.css

@@ -1 +1 @@
-.ibiz-control-appmenu-listview{--ibiz-control-appmenu-list-view-icon-size:var(--ibiz-font-size-header-4);--ibiz-control-appmenu-list-view-font-size:var(--ibiz-font-size-regular);--ibiz-control-appmenu-list-view-padding:0;--ibiz-control-appmenu-list-view-item-padding:0.5rem 1rem;--van-cell-border-color:var(--ibiz-color-border);--van-divider-margin:0.125rem;--van-divider-border-color:transparent;--van-cell-horizontal-padding:0.75rem;--van-cell-active-color:transparent;--van-cell-right-icon-color:var(--van-gray-6);border-radius:var(--ibiz-border-radius-small)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item{padding:var(--ibiz-control-appmenu-list-view-item-padding);font-size:var(--ibiz-control-appmenu-list-view-font-size)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item:last-child{border-width:0}.ibiz-control-appmenu-listview .van-cell::after{left:0}.ibiz-control-appmenu-listview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-control-appmenu-list-view-icon-size)}
+.ibiz-control-appmenu-listview{--ibiz-control-appmenu-list-view-icon-size:var(--ibiz-font-size-header-4);--ibiz-control-appmenu-list-view-font-size:var(--ibiz-font-size-regular);--ibiz-control-appmenu-list-view-color:var(--ibiz-font-size-regular);--ibiz-control-appmenu-list-view-padding:0;--ibiz-control-appmenu-list-view-item-padding:0.5rem 1rem;--ibiz-control-appmenu-list-view-item-color:var(--ibiz-color-text-1);--van-cell-border-color:var(--ibiz-color-border);--van-divider-margin:0.125rem;--van-divider-border-color:transparent;--van-cell-horizontal-padding:0.75rem;--van-cell-active-color:transparent;--van-cell-right-icon-color:var(--van-gray-6);border-radius:var(--ibiz-border-radius-small)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item{padding:var(--ibiz-control-appmenu-list-view-item-padding);font-size:var(--ibiz-control-appmenu-list-view-font-size);color:var(--ibiz-control-appmenu-list-view-item-color)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item:last-child{border-width:0}.ibiz-control-appmenu-listview .van-cell::after{left:0}.ibiz-control-appmenu-listview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-control-appmenu-list-view-icon-size)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-icon .ibiz-icon{display:flex;align-items:center}

package/es/control/calendar/calendar.d.ts

@@ -30,11 +30,10 @@ export declare const CalendarControl: import("vue").DefineComponent<{
 }, {
     c: CalendarController;
     ns: import("@ibiz-template/core").Namespace;
-    calendarRef: Ref<IData | undefined>;
     markerData: import("vue").ComputedRef<IData>;
-    selectDate: (tag: string) => void;
+    loadItems: Ref<ICalendarItemData[]>;
     calcItemStyle: (data: ICalendarItemData) => IData;
-    onClick: (date: string) => Promise<void>;
+    dateChange: (newDate: Date) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<ISysCalendar>;

package/es/control/calendar/calendar.mjs

@@ -1,10 +1,11 @@
-import { isVNode, ref, watch, computed, createVNode, resolveComponent, defineComponent } from 'vue';
+import { isVNode, ref, computed, createVNode, resolveComponent, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './calendar.css';
 import { CalendarController } from '@ibiz-template/runtime';
 import dayjs from 'dayjs';
 import stdin_default from '../../node_modules/.pnpm/vue3-hash-calendar@1.1.3_vue@3.3.9/node_modules/vue3-hash-calendar/es/index.mjs';
 import 'vue3-hash-calendar/es/index.css';
+import { getCurSelectMonthDate, getCurSelectDayDate } from './date-util.mjs';
 
 "use strict";
 function _isSlot(s) {
@@ -37,52 +38,20 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
     },
     loadDefault: {
       type: Boolean,
-      default: true
+      default: false
     }
   },
   setup() {
     const c = useControlController((...args) => new CalendarController(...args));
     const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
-    const calendarRef = ref();
-    const selectDate = (tag) => {
-      if (!calendarRef.value)
-        return;
-      calendarRef.value.selectDate(tag);
-    };
+    const loadItems = ref([]);
     const markDateItems = ref({});
-    const getDayStartAndNextDayStart = (date) => {
-      const dayStart = new Date(date);
-      dayStart.setHours(0, 0, 0, 0);
-      const nextDayStart = new Date(date);
-      nextDayStart.setDate(nextDayStart.getDate() + 1);
-      nextDayStart.setHours(0, 0, 0, 0);
-      return {
-        dayStart,
-        nextDayStart
-      };
-    };
-    watch(() => c.state.selectedDate, (oldVal, newVal) => {
-      const oldDateString = dayjs(oldVal).format("YYYY-MM");
-      const newDateString = dayjs(newVal).format("YYYY-MM");
-      if (oldDateString === newDateString) {
-        return;
-      }
-      const loadParam = {};
-      const {
-        dayStart,
-        nextDayStart
-      } = getDayStartAndNextDayStart(c.state.selectedDate);
-      Object.assign(loadParam, {
-        srfstartdate: dayjs(dayStart).format("YYYY-MM-DD HH:mm:ss"),
-        srfenddate: dayjs(nextDayStart).format("YYYY-MM-DD HH:mm:ss")
-      });
-      c.load(loadParam);
-    });
+    const loadMarkerItems = ref([]);
     const setMarkDate = (date) => {
       const copyDate = new Date(date);
       const items = markDateItems.value[dayjs(copyDate).format("YYYY-MM")];
       if (!items) {
-        markDateItems.value[dayjs(copyDate).format("YYYY-MM")] = [...c.state.items];
+        markDateItems.value[dayjs(copyDate).format("YYYY-MM")] = [...loadMarkerItems.value];
       } else {
         const mergeAndFilter = (arr1, arr2) => {
           const mergedArray = arr1.concat(arr2);
@@ -100,6 +69,19 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
         markDateItems.value[dayjs(copyDate).format("YYYY-MM")] = mergeAndFilter(markDateItems.value[dayjs(copyDate).format("YYYY-MM")], c.state.items);
       }
     };
+    const loadMarkerData = async (date) => {
+      const param = getCurSelectMonthDate(date);
+      loadMarkerItems.value = await c.load({
+        viewParam: param
+      });
+      setMarkDate(c.state.selectedDate);
+    };
+    const loadData = async (date) => {
+      const param = getCurSelectDayDate(date);
+      loadItems.value = await c.load({
+        viewParam: param
+      });
+    };
     const calcItemStyle = (data) => {
       return {
         color: data.color,
@@ -125,34 +107,26 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
       });
       return date;
     });
-    const onClick = async (date) => {
-      c.state.selectedDate = new Date(date);
-      const loadParam = {};
-      const {
-        dayStart,
-        nextDayStart
-      } = getDayStartAndNextDayStart(c.state.selectedDate);
-      Object.assign(loadParam, {
-        viewParam: {
-          srfstartdate: dayjs(dayStart).format("YYYY-MM-DD HH:mm:ss"),
-          srfenddate: dayjs(nextDayStart).format("YYYY-MM-DD HH:mm:ss")
-        }
-      });
-      setTimeout(() => {
-        c.load(loadParam);
-      }, 200);
-    };
-    c.evt.on("onLoadSuccess", () => {
-      setMarkDate(c.state.selectedDate);
+    c.evt.on("onMounted", () => {
+      loadMarkerData(c.state.selectedDate || /* @__PURE__ */ new Date());
+      loadData(c.state.selectedDate || /* @__PURE__ */ new Date());
     });
+    const dateChange = (newDate) => {
+      c.state.selectedDate = newDate;
+      loadData(c.state.selectedDate);
+      const items = markDateItems.value[dayjs(newDate).format("YYYY-MM")];
+      if (items) {
+        return;
+      }
+      loadMarkerData(c.state.selectedDate);
+    };
     return {
       c,
       ns,
-      calendarRef,
       markerData,
-      selectDate,
+      loadItems,
       calcItemStyle,
-      onClick
+      dateChange
     };
   },
   render() {
@@ -230,23 +204,20 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
       });
     };
     const renderCalendarListByItemType = (itemType) => {
-      const list = this.c.state.items.filter((item) => item.itemType === itemType);
+      const list = this.loadItems.filter((item) => item.itemType === itemType);
       return renderCalendarList(list);
     };
-    return createVNode(resolveComponent("iBizControlBase"), {
+    return this.c.state.isCreated && createVNode(resolveComponent("iBizControlBase"), {
       "controller": this.c
     }, {
       default: () => [createVNode("div", {
         "class": this.ns.b("content")
       }, [createVNode(stdin_default, {
         "show-week-view": true,
+        "pickerType": "date",
         "onChange": (date) => {
-          this.c.state.selectedDate = date;
-        },
-        "onClick": (date) => {
-          this.onClick(date);
-        },
-        "ref": "calendarRef"
+          this.dateChange(date);
+        }
       }, {
         day: ({
           date

package/es/control/calendar/date-util.d.ts

@@ -0,0 +1,20 @@
+/**
+ * 获取当前选中月份区间日期
+ *
+ * @author zk
+ * @date 2023-12-21 05:12:44
+ * @export
+ * @param {Date} selectedDate
+ * @return {*}  {IData}
+ */
+export declare function getCurSelectMonthDate(selectedDate: Date): IData;
+/**
+ * 获取当前选中日区间日期
+ *
+ * @author zk
+ * @date 2023-12-21 05:12:28
+ * @export
+ * @param {Date} selectedDate
+ * @return {*}  {IData}
+ */
+export declare function getCurSelectDayDate(date: Date): IData;

package/es/control/calendar/date-util.mjs

@@ -0,0 +1,32 @@
+import dayjs from 'dayjs';
+
+"use strict";
+function getCurSelectMonthDate(selectedDate) {
+  const firstDayOfMonth = new Date(
+    selectedDate.getFullYear(),
+    selectedDate.getMonth(),
+    1
+  );
+  const lastDayOfMonth = new Date(
+    selectedDate.getFullYear(),
+    selectedDate.getMonth() + 1,
+    1
+  );
+  return {
+    srfstartdate: dayjs(firstDayOfMonth).format("YYYY-MM-DD HH:mm:ss"),
+    srfenddate: dayjs(lastDayOfMonth).format("YYYY-MM-DD HH:mm:ss")
+  };
+}
+function getCurSelectDayDate(date) {
+  const dayStart = new Date(date);
+  dayStart.setHours(0, 0, 0, 0);
+  const nextDayStart = new Date(date);
+  nextDayStart.setDate(nextDayStart.getDate() + 1);
+  nextDayStart.setHours(0, 0, 0, 0);
+  return {
+    srfstartdate: dayjs(dayStart).format("YYYY-MM-DD HH:mm:ss"),
+    srfenddate: dayjs(nextDayStart).format("YYYY-MM-DD HH:mm:ss")
+  };
+}
+
+export { getCurSelectDayDate, getCurSelectMonthDate };

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

@@ -26,11 +26,10 @@ export declare const IBizCalendarControl: import("@ibiz-template/vue3-util").Typ
 }, {
     c: import("@ibiz-template/runtime").CalendarController;
     ns: import("@ibiz-template/core").Namespace;
-    calendarRef: import("vue").Ref<IData | undefined>;
     markerData: import("vue").ComputedRef<IData>;
-    selectDate: (tag: string) => void;
+    loadItems: import("vue").Ref<import("@ibiz-template/runtime").ICalendarItemData[]>;
     calcItemStyle: (data: import("@ibiz-template/runtime").ICalendarItemData) => IData;
-    onClick: (date: string) => Promise<void>;
+    dateChange: (newDate: Date) => 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").ISysCalendar>;

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

@@ -1 +1 @@
-.ibiz-control-captionbar{--ibiz-control-captionbar-color:var(--ibiz-color-text-0);--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-sub-main-font-size:var(--ibiz-font-size-header-6);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-captionbar-line-height:1.625rem;--ibiz-control-captionbar-text-align:center;--ibiz-control-captionbar-min-height:var(--ibiz-spacing-super-loose);--ibiz-control-captionbar-sub-caption-font-size:var(--ibiz-font-size-regular);--ibiz-control-captionbar-sub-caption-color:var(--ibiz-color-text-2);--ibiz-control-captionbar-padding:var(--ibiz-spacing-tight) 0;position:relative;display:flex;flex-direction:column;align-items:center;height:100%;min-height:var(--ibiz-control-captionbar-min-height);padding:var(--ibiz-control-captionbar-padding)}.ibiz-control-captionbar.is-hasSub .ibiz-control-captionbar-caption{font-size:var(--ibiz-control-captionbar-sub-main-font-size)}.ibiz-control-captionbar .ibiz-control-captionbar-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-font-size);font-weight:var(--ibiz-control-captionbar-font-weight);line-height:var(--ibiz-control-captionbar-line-height);color:var(--ibiz-control-captionbar-color);text-align:var(--ibiz-control-captionbar-text-align)}.ibiz-control-captionbar .ibiz-control-captionbar-sub-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-sub-caption-font-size);color:var(--ibiz-control-captionbar-sub-caption-color);text-align:var(--ibiz-control-captionbar-text-align)}
+.ibiz-control-captionbar{--ibiz-control-captionbar-color:var(--ibiz-color-text-0);--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-sub-main-font-size:var(--ibiz-font-size-header-6);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-captionbar-line-height:1.625rem;--ibiz-control-captionbar-text-align:center;--ibiz-control-captionbar-min-height:var(--ibiz-spacing-super-loose);--ibiz-control-captionbar-sub-caption-font-size:var(--ibiz-font-size-regular);--ibiz-control-captionbar-sub-caption-color:var(--ibiz-color-text-2);--ibiz-control-captionbar-padding:var(--ibiz-spacing-tight) 0;position:relative;display:flex;flex-direction:column;align-items:center;height:100%;min-height:var(--ibiz-control-captionbar-min-height);padding:var(--ibiz-control-captionbar-padding)}.ibiz-control-captionbar.is-hasSub .ibiz-control-captionbar-caption{font-size:var(--ibiz-control-captionbar-sub-main-font-size)}.ibiz-control-captionbar-caption__icon{display:inline;margin-right:var(--ibiz-spacing-tight)}.ibiz-control-captionbar .ibiz-control-captionbar-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:flex;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-font-size);font-weight:var(--ibiz-control-captionbar-font-weight);line-height:var(--ibiz-control-captionbar-line-height);color:var(--ibiz-control-captionbar-color);text-align:var(--ibiz-control-captionbar-text-align)}.ibiz-control-captionbar .ibiz-control-captionbar-sub-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-sub-caption-font-size);color:var(--ibiz-control-captionbar-sub-caption-color);text-align:var(--ibiz-control-captionbar-text-align)}

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

@@ -31,11 +31,14 @@ const CaptionBarControl = /* @__PURE__ */ defineComponent({
   render() {
     return createVNode(resolveComponent("iBizControlBase"), {
       "controller": this.c,
-      "class": [this.ns.b(), this.ns.is("hasSub", Boolean(this.modelData.subCaption))]
+      "class": [this.ns.b(), this.ns.is("hasSub", Boolean(this.modelData.subCaption)), this.ns.is("show-icon", !!this.c.model.sysImage)]
     }, {
       default: () => [createVNode("div", {
         "class": this.ns.b("caption")
-      }, [this.c.state.caption]), this.modelData.subCaption && createVNode("div", {
+      }, [this.c.model.sysImage && createVNode(resolveComponent("iBizIcon"), {
+        "class": [this.ns.be("caption", "icon")],
+        "icon": this.c.model.sysImage
+      }, null), this.c.state.caption]), this.modelData.subCaption && createVNode("div", {
         "class": this.ns.b("sub-caption")
       }, [this.modelData.subCaption])]
     });

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

@@ -13,7 +13,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").ComputedRef<string>;
+    btnSize: import("vue").ComputedRef<"small" | "normal">;
     ns: import("@ibiz-template/core").Namespace;
     position: string;
     handleClick: (item: import("@ibiz/model-core").IDEToolbarItem | import("@ibiz-template/runtime").IExtraButton, event: MouseEvent) => Promise<void>;

package/es/control/toolbar/toolbar.css

@@ -1 +1 @@
-.ibiz-control-toolbar{--ibiz-control-toolbar-item-margin:0 0.25rem;--ibiz-control-toolbar-icon-margin:0 0.3125rem 0 0;--ibiz-control-toolbar-icon-max-width:1rem;--ibiz-control-toolbar-icon-max-height:1rem;--ibiz-control-toolbar-icon-font-size:1.25rem;display:flex;height:100%}.ibiz-control-toolbar__item{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin)}.ibiz-control-toolbar__item-left{margin-left:0}.ibiz-control-toolbar__item-left .van-button{background-color:transparent;border:none}.ibiz-control-toolbar__item-left .van-button ion-icon{font-size:var(--ibiz-control-toolbar-icon-font-size)}.ibiz-control-toolbar__item-left .van-button .van-button__text{display:flex;align-items:center}.ibiz-control-toolbar__item-right{margin-right:0;background-color:transparent}.ibiz-control-toolbar__item-right .van-button{background-color:transparent;border:none}.ibiz-control-toolbar__item-right .van-button ion-icon{font-size:var(--ibiz-control-toolbar-icon-font-size)}.ibiz-control-toolbar__item-right .van-button .van-button__text{display:flex;align-items:center}.ibiz-control-toolbar__item-separator+.ibiz-control-toolbar__item-separator,.ibiz-control-toolbar__item-separator:first-child{display:none}.ibiz-control-toolbar-mobnavrightmenu__item{margin-right:0}.ibiz-control-toolbar-right{justify-content:flex-end}
+.ibiz-control-toolbar{--ibiz-control-toolbar-item-margin:0 0.25rem;--ibiz-control-toolbar-icon-margin:0 0.3125rem 0 0;--ibiz-control-toolbar-icon-max-width:1rem;--ibiz-control-toolbar-icon-max-height:1rem;--ibiz-control-toolbar-icon-font-size:1.25rem;--ibiz-control-toolbar-toolbar-bottom-padding:var(--ibiz-spacing-base-tight);display:flex;height:100%}.ibiz-control-toolbar__item{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin)}.ibiz-control-toolbar__item-left{margin-left:0}.ibiz-control-toolbar__item-left .van-button{background-color:transparent;border:none}.ibiz-control-toolbar__item-left .van-button ion-icon{font-size:var(--ibiz-control-toolbar-icon-font-size)}.ibiz-control-toolbar__item-left .van-button .van-button__text{display:flex;align-items:center}.ibiz-control-toolbar__item-right{margin-right:0;background-color:transparent}.ibiz-control-toolbar__item-right .van-button{background-color:transparent;border:none}.ibiz-control-toolbar__item-right .van-button ion-icon{font-size:var(--ibiz-control-toolbar-icon-font-size)}.ibiz-control-toolbar__item-right .van-button .van-button__text{display:flex;align-items:center}.ibiz-control-toolbar__item-separator+.ibiz-control-toolbar__item-separator,.ibiz-control-toolbar__item-separator:first-child{display:none}.ibiz-control-toolbar-mobnavrightmenu__item{margin-right:0}.ibiz-control-toolbar-right{justify-content:flex-end}.ibiz-control-toolbar-bottom{display:flex;padding:var(--ibiz-control-toolbar-toolbar-bottom-padding)}.ibiz-control-toolbar-bottom .ibiz-control-toolbar__item{flex:1;--van-button-default-height:2.5rem}.ibiz-control-toolbar-bottom .ibiz-control-toolbar__item button{width:100%}.ibiz-control-toolbar-bottom .ibiz-control-toolbar__item .van-button__text{display:flex;gap:8px;align-items:center}

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

@@ -17,7 +17,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").ComputedRef<string>;
+    btnSize: import("vue").ComputedRef<"small" | "normal">;
     ns: import("@ibiz-template/core").Namespace;
     position: string;
     handleClick: (item: IDEToolbarItem | IExtraButton, event: MouseEvent) => Promise<void>;

package/es/control/toolbar/toolbar.mjs

@@ -44,9 +44,6 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
   setup(props) {
     const c = useControlController((...args) => new ToolbarController(...args));
     const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
-    const btnSize = computed(() => {
-      return c.state.viewMode === "EMBED" ? "small" : "small";
-    });
     const handleClick = async (item, event) => {
       await c.onItemClick(item, event);
     };
@@ -58,12 +55,18 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
       case "MOBNAVLEFTMENU":
         position = "left";
         break;
-      case "MOBNAVBOTTOMMENU":
+      case "MOBBOTTOMMENU":
         position = "bottom";
         break;
       default:
         break;
     }
+    const btnSize = computed(() => {
+      return position === "bottom" ? "normal" : "small";
+    });
+    const btnType = (item) => {
+      return item.actionLevel > 100 ? "primary " : "default";
+    };
     const renderExtraButtons = (extraButtons) => {
       return extraButtons.map((button) => {
         let _slot;
@@ -116,6 +119,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
         }, [createVNode(resolveComponent("van-button"), {
           "title": item.tooltip,
           "size": btnSize.value,
+          "type": btnType(item),
           "loading": c.state.buttonsState[itemId].loading,
           "disabled": c.state.buttonsState[itemId].disabled,
           "onClick": (e) => handleClick(item, e)

package/es/control/tree/tree.d.ts

@@ -39,7 +39,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    c: TreeController;
+    c: TreeController<IDETree, import("@ibiz-template/runtime").ITreeState, import("@ibiz-template/runtime").ITreeEvent>;
     ns: import("@ibiz-template/core").Namespace;
     treeData: import("vue").ComputedRef<ITreeNodeData[]>;
     options: {
@@ -50,13 +50,13 @@ export declare const TreeControl: import("vue").DefineComponent<{
         renderContent: (h: (tag: string, opt: IData) => VNode, opts: IData) => VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }> | undefined;
-        customNodeClick: (event: Event, opts: IData) => void;
+        customNodeClick: (event: MouseEvent, opts: IData) => void;
     };
     breadcrumb: import("vue").Ref<boolean>;
     checkedKeys: import("vue").ComputedRef<any[]>;
     uuid: string;
-    onNodeCheck: (event: Event, opts: IData) => void;
-    onNodeClick: (event: Event, opts: IData) => void;
+    onNodeCheck: (event: MouseEvent, opts: IData) => void;
+    onNodeClick: (event: MouseEvent, opts: IData) => void;
     loadData: (item: IData, callback: (nodes: IData[]) => void) => Promise<void>;
     treeDataFormat: (data: ITreeNodeData) => {
         id: string | undefined;

package/es/control/tree/tree.mjs

@@ -79,7 +79,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       const {
         originData
       } = opts;
-      c.onTreeNodeClick(originData);
+      c.onTreeNodeClick(originData, event);
     };
     const onNodeClick = (event, opts) => {
       event.stopPropagation();
@@ -89,7 +89,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       if (!originData.leaf) {
         return;
       }
-      c.onTreeNodeClick(originData);
+      c.onTreeNodeClick(originData, event);
     };
     const treeDataFormat = (data) => {
       return {

package/es/editor/common/data-mpicker/ibiz-data-mpicker.mjs

@@ -74,7 +74,10 @@ const IBizDataMPicker = /* @__PURE__ */ defineComponent({
   render() {
     const renderToolbar = () => {
       return createVNode("div", {
-        "class": this.ns.b("toolbar")
+        "class": this.ns.b("toolbar"),
+        "onClick": (e) => {
+          e.stopPropagation();
+        }
       }, [createVNode("button", {
         "type": "button",
         "class": this.ns.be("toolbar", "cancel"),
@@ -102,7 +105,8 @@ const IBizDataMPicker = /* @__PURE__ */ defineComponent({
           return createVNode(resolveComponent("van-cell"), {
             "title": item.text,
             "clickable": true,
-            "onClick": () => {
+            "onClick": (e) => {
+              e.stopPropagation();
               this.toggle(index);
             }
           }, {

package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-mpicker{--van-tag-radius:3.125rem}.ibiz-mpicker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-mpicker .van-field::after{display:none}.ibiz-mpicker .van-field__right-icon button{color:var(--van-field-right-icon-color);border:none}.ibiz-mpicker .van-field__control--custom{flex-wrap:wrap}.ibiz-mpicker .van-field__control{gap:.5rem}.ibiz-mpicker .van-field__control .van-tag{height:100%;padding:.3125rem;--van-tag-font-size:var(--ibiz-form-item-font-size)}.ibiz-mpicker input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-mpicker--disabled{opacity:.8}.ibiz-mpicker--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}
+@charset "UTF-8";.ibiz-mpicker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-mpicker .van-field::after{display:none}.ibiz-mpicker .van-field__right-icon button{color:var(--van-field-right-icon-color);border:none}.ibiz-mpicker .van-field__control--custom{flex-wrap:wrap}.ibiz-mpicker .van-field__control{gap:var(--ibiz-spacing-tight)}.ibiz-mpicker input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-mpicker--disabled{opacity:.8}.ibiz-mpicker--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}.ibiz-mpicker .ibiz-mpicker-select-item{display:flex;gap:var(--ibiz-spacing-tight);align-items:center;justify-content:space-between;padding:var(--ibiz-spacing-tight);background-color:var(--ibiz-color-disabled-bg);border-radius:var(--ibiz-border-radius-small)}

package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.mjs

@@ -174,15 +174,19 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
     }, {
       input: () => {
         return this.selectItems.map((item) => {
-          return createVNode(resolveComponent("van-tag"), {
-            "closeable": true,
-            "type": "primary",
-            "onClose": () => {
+          return createVNode("div", {
+            "class": this.ns.b("select-item")
+          }, [createVNode("div", {
+            "class": this.ns.be("select-item", "text")
+          }, [item.srfmajortext]), createVNode("div", {
+            "class": this.ns.be("select-item", "close")
+          }, [createVNode(resolveComponent("van-icon"), {
+            "name": "cross",
+            "onClick": (e) => {
+              e.stopPropagation();
               this.onRemove(item[this.c.keyName]);
             }
-          }, {
-            default: () => [item.srfmajortext]
-          });
+          }, null)])]);
         });
       },
       "right-icon": () => {

package/es/editor/data-picker/ibiz-picker/ibiz-picker.css

@@ -1 +1 @@
-.ibiz-picker{height:100%}.ibiz-picker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-picker .van-field__button button{color:var(--van-field-right-icon-color);border:none}.ibiz-picker ion-icon{cursor:pointer}.ibiz-picker__buns-position{position:relative;display:inline-block}.ibiz-picker__btns{position:absolute;right:0;display:flex}.ibiz-picker__btns span{display:flex;flex-flow:column nowrap;justify-content:center}.ibiz-picker__autocomplete{display:flex}.ibiz-picker__autocomplete .el-autocomplete{width:100%}.ibiz-picker__transfer-item{padding:.3125rem;cursor:pointer}.ibiz-picker__transfer-item:hover{background-color:var(--ibiz-form-item-hover-bg-color)}.ibiz-picker__link{width:2rem;height:2rem;padding:0 .375rem}.ibiz-picker--disabled ion-icon{pointer-events:none}.ibiz-picker--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-picker input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-picker--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}
+.ibiz-picker{height:100%}.ibiz-picker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-picker .van-field::after{display:none}.ibiz-picker .van-field__button button{color:var(--van-field-right-icon-color);border:none}.ibiz-picker ion-icon{cursor:pointer}.ibiz-picker__buns-position{position:relative;display:inline-block}.ibiz-picker__btns{position:absolute;right:0;display:flex}.ibiz-picker__btns span{display:flex;flex-flow:column nowrap;justify-content:center}.ibiz-picker__autocomplete{display:flex}.ibiz-picker__autocomplete .el-autocomplete{width:100%}.ibiz-picker__transfer-item{padding:.3125rem;cursor:pointer}.ibiz-picker__transfer-item:hover{background-color:var(--ibiz-form-item-hover-bg-color)}.ibiz-picker__link{width:2rem;height:2rem;padding:0 .375rem}.ibiz-picker--disabled ion-icon{pointer-events:none}.ibiz-picker--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-picker input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-picker--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.d.ts

@@ -27,12 +27,8 @@ export declare const IBizPickerSelectView: import("vue").DefineComponent<{
     context: Ref<{
         [x: string]: any;
         [x: symbol]: any;
-        srfsandbox?: string | undefined;
+        srfsessionid: string;
         srfappid: string;
-        getOwnContext: () => IData;
-        destroy: () => void;
-        clone: () => IContext;
-        reset: (context?: IData | undefined, parent?: IContext | undefined) => void;
     }>;
     params: Ref<IParams>;
     editorRef: Ref<any>;

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs

@@ -58,7 +58,11 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       immediate: true
     });
     const valueText = computed(() => {
-      const index = items.value.findIndex((item) => Object.is(item.value, curValue.value));
+      const index = items.value.findIndex(
+        // 不匹配类型 兼容数值属性配置字符串代码表
+        // eslint-disable-next-line eqeqeq
+        (item) => item.value == curValue.value
+      );
       if (index !== -1) {
         return items.value[index].text;
       }

package/es/editor/dropdown-list/ibiz-dropdown-list/ibiz-dropdown-list.css

@@ -1 +1 @@
-.ibiz-dropdown-list{height:100%;--van-tag-radius:3.125rem}.ibiz-dropdown-list .van-field__control{gap:.5rem}.ibiz-dropdown-list .van-field__control .van-tag{height:100%;padding:.3125rem;--van-tag-font-size:var(--ibiz-form-item-font-size)}.ibiz-dropdown-list .van-picker .van-picker__mask{background-image:var(--ibiz-color-overlay-bg)}.ibiz-dropdown-list .ibiz-dropdown-list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--ibiz-spacing-base-tight)}.ibiz-dropdown-list .ibiz-dropdown-list-toolbar button{padding:0;background-color:transparent;border:none}.ibiz-dropdown-list-toolbar__confirm{color:var(--ibiz-color-primary)}.ibiz-dropdown-list-toolbar__cancel{color:var(--ibiz-color-text-3)}.ibiz-dropdown-list .ibiz-dropdown-list-columns{min-height:30vh;max-height:50vh;overflow:auto}.ibiz-dropdown-list .ibiz-dropdown-list-columns .van-cell-group{height:100%;overflow:auto}.ibiz-dropdown-list .ibiz-dropdown-list-columns .van-cell{padding:var(--ibiz-spacing-base-tight)}.ibiz-dropdown-list input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-dropdown-list--disabled{opacity:.8}.ibiz-dropdown-list--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}.ibiz-dropdown-list .van-cell-group--inset{margin:0}.ibiz-dropdown-list__select::after{display:none}.ibiz-dropdown-list .van-cell__title,.ibiz-dropdown-list .van-cell__value{text-align:left}
+.ibiz-dropdown-list{height:100%}.ibiz-dropdown-list .van-field__control{gap:var(--ibiz-spacing-tight)}.ibiz-dropdown-list .van-picker .van-picker__mask{background-image:var(--ibiz-color-overlay-bg)}.ibiz-dropdown-list .ibiz-dropdown-list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--ibiz-spacing-base-tight)}.ibiz-dropdown-list .ibiz-dropdown-list-toolbar button{padding:0;background-color:transparent;border:none}.ibiz-dropdown-list-toolbar__confirm{color:var(--ibiz-color-primary)}.ibiz-dropdown-list-toolbar__cancel{color:var(--ibiz-color-text-3)}.ibiz-dropdown-list .ibiz-dropdown-list-columns{min-height:30vh;max-height:50vh;overflow:auto}.ibiz-dropdown-list .ibiz-dropdown-list-columns .van-cell-group{height:100%;overflow:auto}.ibiz-dropdown-list .ibiz-dropdown-list-columns .van-cell{padding:var(--ibiz-spacing-base-tight)}.ibiz-dropdown-list input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-dropdown-list--disabled{opacity:.8}.ibiz-dropdown-list--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}.ibiz-dropdown-list .van-cell-group--inset{margin:0}.ibiz-dropdown-list .ibiz-dropdown-list-select-item{display:flex;gap:var(--ibiz-spacing-tight);align-items:center;justify-content:space-between;padding:var(--ibiz-spacing-tight);background-color:var(--ibiz-color-disabled-bg);border-radius:var(--ibiz-border-radius-small)}.ibiz-dropdown-list__select::after{display:none}.ibiz-dropdown-list .van-cell__title,.ibiz-dropdown-list .van-cell__value{text-align:left}

package/es/editor/dropdown-list/ibiz-dropdown-list/ibiz-dropdown-list.mjs

@@ -20,13 +20,20 @@ const IBizDropdownList = /* @__PURE__ */ defineComponent({
       if (!props.value) {
         return [];
       }
-      return items.value.filter((item) => (props.value.split(",") || []).findIndex((value) => item.value === value) !== -1);
+      return items.value.filter((item) => (props.value.split(",") || []).findIndex(
+        // 不用判断类型兼容类型不匹配
+        // eslint-disable-next-line eqeqeq
+        (value) => item.value == value
+      ) !== -1);
     });
     const selectKeys = computed(() => {
       if (!props.value) {
         return [];
       }
-      return items.value.filter((item) => (props.value.split(",") || []).findIndex((value) => item.value === value) !== -1).map((item) => item.value);
+      return items.value.filter((item) => (props.value.split(",") || []).findIndex(
+        // eslint-disable-next-line eqeqeq
+        (value) => item.value == value
+      ) !== -1).map((item) => item.value);
     });
     c.loadCodeList(props.data).then((codeList) => {
       items.value = codeList;
@@ -42,16 +49,14 @@ const IBizDropdownList = /* @__PURE__ */ defineComponent({
     const onConfirm = (selects) => {
       showPicker.value = false;
       const valArr = [];
-      if (selects.length > 0) {
-        selects.forEach((select) => {
-          const findItem = items.value.find((item) => Object.is(item.value, select));
-          if (findItem) {
-            valArr.push(findItem);
-          }
-        });
-        const value = valArr.length > 0 ? valArr.map((item) => item.value).join(",") : "";
-        emit("change", value);
-      }
+      selects.forEach((select) => {
+        const findItem = items.value.find((item) => Object.is(item.value, select));
+        if (findItem) {
+          valArr.push(findItem);
+        }
+      });
+      const value = valArr.length > 0 ? valArr.map((item) => item.value).join(",") : "";
+      emit("change", value);
     };
     const onRemove = (item) => {
       if (props.readonly || props.disabled) {
@@ -95,15 +100,19 @@ const IBizDropdownList = /* @__PURE__ */ defineComponent({
       "right-icon": createVNode(IBizCommonRightIcon, null, null),
       input: () => {
         return this.selectItems.map((item) => {
-          return createVNode(resolveComponent("van-tag"), {
-            "closeable": true,
-            "type": "primary",
-            "onClose": () => {
+          return createVNode("div", {
+            "class": this.ns.b("select-item")
+          }, [createVNode("div", {
+            "class": this.ns.be("select-item", "text")
+          }, [item.text]), createVNode("div", {
+            "class": this.ns.be("select-item", "close")
+          }, [createVNode(resolveComponent("van-icon"), {
+            "name": "cross",
+            "onClick": (e) => {
+              e.stopPropagation();
               this.onRemove(item);
             }
-          }, {
-            default: () => [item.text]
-          });
+          }, null)])]);
         });
       }
     }), createVNode(IBizDataMPicker, {