@opentiny/vue-renderless 3.9.2 → 3.10.0

package/picker/vue.js

@@ -48,9 +48,12 @@ import {
   computedFormat,
   computedTriggerClass,
   computedHaveTrigger,
-  intiPopper,
+  initPopper,
   initGlobalTimezone,
-  emitDbTime
+  emitDbTime,
+  handleEnterDisplayOnlyContent,
+  handleEnterPickerlabel,
+  setInputPaddingLeft
 } from "./index";
 import { DATEPICKER } from "../common";
 const api = [
@@ -71,10 +74,18 @@ const api = [
   "handlePick",
   "handleSelectRange",
   "handleSelectChange",
-  "popperElm"
+  "popperElm",
+  "handleEnterDisplayOnlyContent",
+  "handleEnterPickerlabel"
 ];
-const initState = ({ api: api2, reactive, refs, computed, props, utils }) => {
+const initState = ({ api: api2, reactive, vm, computed, props, utils, parent }) => {
   const state = reactive({
+    historyValue: [],
+    historyInput: [],
+    historyUserInput: [],
+    historyUserValue: [],
+    startStatus: false,
+    endStatus: false,
     date: null,
     pickerVisible: false,
     showClose: false,
@@ -83,7 +94,7 @@ const initState = ({ api: api2, reactive, refs, computed, props, utils }) => {
     popperElm: null,
     unwatchPickerOptions: null,
     ranged: computed(() => state.type.includes(DATEPICKER.Range)),
-    reference: computed(() => refs.reference.$el || refs.reference),
+    reference: computed(() => vm.$refs.reference.$el || vm.$refs.reference),
     formDisabled: computed(() => (parent.tinyForm || {}).disabled),
     refInput: computed(() => state.reference ? [].slice.call(state.reference.querySelectorAll("input")) : []),
     valueIsEmpty: computed(() => api2.getValueEmpty()),
@@ -93,13 +104,16 @@ const initState = ({ api: api2, reactive, refs, computed, props, utils }) => {
     displayValue: computed(() => api2.displayValue()),
     parsedValue: computed(() => api2.parsedValue()),
     pickerSize: computed(() => props.size),
-    pickerDisabled: computed(() => props.disabled || state.formDisabled),
+    pickerDisabled: computed(() => props.disabled || state.formDisabled || state.isDisplayOnly),
     firstInputId: computed(() => api2.firstInputId()),
     secondInputId: computed(() => api2.secondInputId()),
     type: computed(() => api2.getType()),
     timezone: computed(() => api2.getTimezone()),
     valueFormat: computed(() => getValueFormat({ props, utils })),
-    format: computed(() => api2.computedFormat())
+    format: computed(() => api2.computedFormat()),
+    labelTooltip: "",
+    displayOnlyTooltip: "",
+    isDisplayOnly: computed(() => props.displayOnly || (parent.auiForm || {}).displayOnly)
   });
   return state;
 };
@@ -122,13 +136,15 @@ const initApi2 = ({ api: api2, props, state, t }) => {
     handleMouseEnter: handleMouseEnter({ props, state }),
     initGlobalTimezone: initGlobalTimezone({ api: api2, state, props }),
     parseValue: parseValue({ api: api2, props, state }),
-    handleSelectRange: handleSelectRange(state)
+    handleSelectRange: handleSelectRange(state),
+    handleEnterPickerlabel: handleEnterPickerlabel({ state, props }),
+    handleEnterDisplayOnlyContent: handleEnterDisplayOnlyContent({ state, props, t })
   });
 };
 const initApi = ({ api: api2, props, hooks, state, vnode, others, utils }) => {
-  const { t, emit, refs, dispatch, nextTick, vm } = vnode;
+  const { t, emit, dispatch, nextTick, vm } = vnode;
   const { TimePanel, TimeRangePanel } = others;
-  const { destroyPopper, popperElm, updatePopper } = intiPopper({ props, hooks, vnode });
+  const { destroyPopper, popperElm, updatePopper } = initPopper({ props, hooks, vnode });
   state.popperElm = popperElm;
   state.picker = null;
   Object.assign(api2, {
@@ -137,14 +153,14 @@ const initApi = ({ api: api2, props, hooks, state, vnode, others, utils }) => {
     hidePicker: hidePicker({ destroyPopper, state }),
     handleSelectChange: ({ tz, date }) => emit("select-change", { tz, date }),
     getPanel: getPanel(others),
-    handleFocus: handleFocus({ emit, refs, state }),
+    handleFocus: handleFocus({ emit, vm, state }),
     getTimezone: getTimezone({ props, utils }),
     emitChange: emitChange({ api: api2, dispatch, emit, props, state }),
     parsedValue: parsedValue({ api: api2, props, state, t }),
     parseAsFormatAndType: parseAsFormatAndType({ api: api2 }),
     typeValueResolveMap: typeValueResolveMap({ api: api2, t }),
     updateOptions: updateOptions({ api: api2, props, state }),
-    focus: focus({ api: api2, props, refs }),
+    focus: focus({ api: api2, props, vm }),
     handleChange: handleChange({ api: api2, state }),
     isValidValue: isValidValue({ api: api2, state }),
     emitInput: emitInput({ api: api2, emit, props, state }),
@@ -166,7 +182,8 @@ const initApi = ({ api: api2, props, hooks, state, vnode, others, utils }) => {
     watchModelValue: watchModelValue({ api: api2, props, state, dispatch }),
     computedFormat: computedFormat({ props, utils }),
     computedTriggerClass: computedTriggerClass({ props, state }),
-    computedHaveTrigger: computedHaveTrigger({ props })
+    computedHaveTrigger: computedHaveTrigger({ props }),
+    setInputPaddingLeft: setInputPaddingLeft({ props, state, vm, nextTick })
   });
   initApi2({ api: api2, props, state, t });
 };
@@ -189,17 +206,25 @@ const initWatch = ({ api: api2, state, props, watch, markRaw }) => {
   watch(() => props.isRange, api2.watchIsRange);
   watch(() => props.modelValue, api2.watchModelValue);
   watch(() => props.pickerOptions, api2.updateOptions, { deep: true });
+  watch(() => props.label, api2.setInputPaddingLeft);
 };
 const renderless = (props, hooks, vnode, others) => {
   const api2 = {};
-  const { reactive, computed, watch, onBeforeUnmount, inject, markRaw } = hooks;
-  const { refs, service, parent: parent2 } = vnode;
+  const { reactive, computed, watch, onBeforeUnmount, inject, markRaw, onMounted } = hooks;
+  const { vm, service, parent } = vnode;
   const { utils = {} } = service || {};
-  const state = initState({ api: api2, reactive, refs, computed, props, utils });
-  parent2.tinyForm = parent2.tinyForm || inject("form", null);
+  const state = initState({ api: api2, reactive, vm, computed, props, utils, parent });
+  parent.tinyForm = parent.tinyForm || inject("form", null);
   initApi({ api: api2, props, hooks, state, vnode, others, utils });
   initWatch({ api: api2, state, props, watch, markRaw });
   api2.initGlobalTimezone();
+  onMounted(() => {
+    api2.setInputPaddingLeft();
+  });
+  vm.$on("handle-clear", (event) => {
+    state.showClose = true;
+    api2.handleClickIcon(event);
+  });
   onBeforeUnmount(() => {
     api2.destroyPopper("remove");
     state.popperElm = null;

package/picker-column/index.js

@@ -49,7 +49,7 @@ const adjustIndex = (state) => (index) => {
     }
   }
 };
-const onTouchstart = ({ refs, state }) => (event) => {
+const onTouchstart = ({ vm, state }) => (event) => {
   state.direction = "";
   state.deltaX = 0;
   state.deltaY = 0;
@@ -58,7 +58,7 @@ const onTouchstart = ({ refs, state }) => (event) => {
   state.startX = event.touches[0].clientX;
   state.startY = event.touches[0].clientY;
   if (state.moving) {
-    const style = window.getComputedStyle(refs.track);
+    const style = window.getComputedStyle(vm.$refs.track);
     const transform = style.transform || style.webkitTransform;
     const translateY = Number(transform.slice(7, transform.length - 1).split(", ")[5]);
     state.offset = Math.min(0, translateY - state.baseOffset);
@@ -113,8 +113,8 @@ const onTouchend = ({ api, state }) => () => {
     state.moving = false;
   }, 0);
 };
-const mountedHandler = ({ api, refs, state }) => () => {
-  const track = refs.track;
+const mountedHandler = ({ api, vm, state }) => () => {
+  const track = vm.$refs.track;
   on(track, "touchstart", api.onTouchstart);
   on(track, "touchmove", api.onTouchmove);
   on(track, "touchend", api.onTouchend);
@@ -123,8 +123,8 @@ const mountedHandler = ({ api, refs, state }) => () => {
     backgroundSize: `100% ${(state.clumnsWrapHeight - state.itemHeight) / 2}px`
   };
 };
-const beforeUnmountHandler = ({ api, refs }) => () => {
-  const track = refs.track;
+const beforeUnmountHandler = ({ api, vm }) => () => {
+  const track = vm.$refs.track;
   off(track, "touchstart", api.onTouchstart);
   off(track, "touchmove", api.onTouchmove);
   off(track, "touchend", api.onTouchend);

package/picker-column/vue.js

@@ -49,7 +49,7 @@ const initState = ({ reactive, computed, props, api: api2 }) => {
   });
   return state;
 };
-const initApi = ({ api: api2, props, state, refs, emit }) => {
+const initApi = ({ api: api2, props, state, vm, emit }) => {
   Object.assign(api2, {
     state,
     getValue: getValue(state),
@@ -66,8 +66,8 @@ const initApi = ({ api: api2, props, state, refs, emit }) => {
     momentum: momentum({ api: api2, state, props }),
     setIndex: setIndex({ api: api2, state, emit }),
     onClickItem: onClickItem({ api: api2, state }),
-    mountedHandler: mountedHandler({ api: api2, state, refs }),
-    beforeUnmountHandler: beforeUnmountHandler({ api: api2, refs })
+    mountedHandler: mountedHandler({ api: api2, state, vm }),
+    beforeUnmountHandler: beforeUnmountHandler({ api: api2, vm })
   });
 };
 const initWatch = ({ watch, props, state, api: api2 }) => {
@@ -87,10 +87,10 @@ const initWatch = ({ watch, props, state, api: api2 }) => {
     { immediate: true }
   );
 };
-const renderless = (props, { computed, onMounted, reactive, watch, onBeforeUnmount }, { emit, refs }) => {
+const renderless = (props, { computed, onMounted, reactive, watch, onBeforeUnmount }, { emit, vm }) => {
   const api2 = {};
   const state = initState({ reactive, computed, props, api: api2 });
-  initApi({ api: api2, props, state, refs, emit });
+  initApi({ api: api2, props, state, vm, emit });
   api2.setIndex(state.currentIndex);
   state.columnsItem = deepClone(props.columnsItem);
   initWatch({ watch, props, state, api: api2 });

package/popconfirm/vue.js

@@ -8,7 +8,9 @@ const renderless = (props, { computed, reactive }, { emit, constants, designConf
   const state = reactive({
     isLock: false,
     showPopover: false,
-    getIcon: computed(() => typeof props.type === "object" ? props.type : designIcon || constants.ICON_MAP[props.type])
+    getIcon: computed(
+      () => typeof props.type === "object" ? props.type : designIcon || constants.ICON_MAP[props.type]
+    )
   });
   Object.assign(api2, {
     state,

package/popeditor/index.js

@@ -30,7 +30,10 @@ const createSearchForm = (props) => (isRest) => props.conditions.reduce((acc, it
 }, {});
 const getColumns = ({ constants, props }) => {
   const { columns } = props.gridOp;
-  const selectionCol = find(columns, (col) => col.type === constants.COLUMNS_TYPE.selection || col.type === constants.COLUMNS_TYPE.radio);
+  const selectionCol = find(
+    columns,
+    (col) => col.type === constants.COLUMNS_TYPE.selection || col.type === constants.COLUMNS_TYPE.radio
+  );
   if (selectionCol) {
     selectionCol.type = props.multi ? constants.COLUMNS_TYPE.selection : constants.COLUMNS_TYPE.radio;
   } else {
@@ -92,7 +95,11 @@ const handleClear = ({ constants, emit, props, state }) => () => {
   state.selectedValues = [];
   if (!isEqual(state.commitValue, props.modelValue)) {
     emit("update:modelValue", state.commitValue);
-    emit("change", state.commitValue, props.popseletor === constants.TYPE_GRID ? state.treeSelectList : state.selectedDatas);
+    emit(
+      "change",
+      state.commitValue,
+      props.popseletor === constants.TYPE_GRID ? state.treeSelectList : state.selectedDatas
+    );
   }
 };
 const handleConfirm = ({ api, constants, emit, props, state }) => (skipBeforeClose) => {
@@ -248,13 +255,16 @@ const openDialog = ({ api, props, state, emit }) => () => {
   state.closeSuggestPanelInvoker = "openDialog";
   api.closeSuggestPanel(true);
   state.open = true;
+  state.showContent = true;
   emit("popup");
   props.autoLookup && props.alwaysLoad && api.query();
 };
 const localFilter = ({ props, state }) => {
   const keys = Object.keys(state.search);
   const dataset = props.gridOp && props.gridOp.data || [];
-  return dataset.filter((item) => keys.every((key) => item[key] && item[key].toString().toLowerCase().includes(state.search[key].toLowerCase())));
+  return dataset.filter(
+    (item) => keys.every((key) => item[key] && item[key].toString().toLowerCase().includes(state.search[key].toLowerCase()))
+  );
 };
 const query = ({ props, state, parent, constants }) => (page) => {
   const { remoteSearch, dataset } = props;
@@ -263,6 +273,13 @@ const query = ({ props, state, parent, constants }) => (page) => {
     state.loading = true;
     if (remoteSearch || dataset) {
       const { currentPage, pageSize } = state.pagerConfig;
+      let final = true;
+      const onFinally = () => {
+        if (final) {
+          final = false;
+          state.loading = false;
+        }
+      };
       if (remoteSearch) {
         props.remoteSearch({
           page: { currentPage, pageSize },
@@ -272,11 +289,12 @@ const query = ({ props, state, parent, constants }) => (page) => {
           state.pagerConfig.total = data.total;
           state.loading = false;
           resolve();
-        }).finally(() => {
-          state.loading = false;
-        });
+        }).then(onFinally).catch(onFinally);
       } else {
-        getDataset({ dataset, service: parent.$service, tree: props.treeOp }, { pageVO: { curPage: currentPage, pageSize } }).then((data) => {
+        getDataset(
+          { dataset, service: parent.$service, tree: props.treeOp },
+          { pageVO: { curPage: currentPage, pageSize } }
+        ).then((data) => {
           const { result, pageVO = {} } = data;
           if (props.popseletor === constants.TYPE_TREE) {
             props.treeOp.data = result || data;
@@ -286,9 +304,7 @@ const query = ({ props, state, parent, constants }) => (page) => {
           }
           state.loading = false;
           resolve();
-        }).finally(() => {
-          state.loading = false;
-        });
+        }).then(onFinally).catch(onFinally);
       }
     } else {
       state.fullGridData = localFilter({ state, props });
@@ -316,7 +332,7 @@ const selectedGridSelectChange = ({ constants, props, vm, state }) => ({ checked
   const refs = vm.$refs;
   if (!checked) {
     const len = state.selectedValues.length;
-    event.target.checked = !checked;
+    event && (event.target.checked = !checked);
     for (let i = 0; i < len; i++) {
       if (state.selectedValues[i] == row[props.valueField]) {
         state.selectedValues.splice(i, 1);
@@ -365,6 +381,7 @@ const sourceGridSelectAll = ({ props, state, api }) => ({ selection, checked })
     api.handleConfirm();
   }
   copySelectDatas(state);
+  api.selectedBoxInit();
 };
 const sourceGridSelectChange = ({ props, state, api }) => ({ checked, row, confirm }) => {
   if (checked) {
@@ -382,6 +399,7 @@ const sourceGridSelectChange = ({ props, state, api }) => ({ checked, row, confi
     api.handleConfirm();
   }
   copySelectDatas(state);
+  api.selectedBoxInit();
 };
 const filterNode = () => (value, data) => {
   if (!value) {
@@ -483,7 +501,7 @@ const updateSuggestWidth = ({ refs }) => () => {
   let $input = refs.reference.getInput();
   refs.popper.style.width = $input.clientWidth + "px";
 };
-const doSuggesst = ({ state, props, popper, api }) => (event) => {
+const doSuggesst = ({ state, props, popper, api, nextTick }) => (event) => {
   if (!props.suggest) {
     return;
   }
@@ -498,13 +516,16 @@ const doSuggesst = ({ state, props, popper, api }) => (event) => {
       state.suggestList = [].concat(state.selectedDatas);
     }
     state.showSuggestPanel = true;
+    setTimeout(popper.updatePopper);
   }
   if (props.remoteSearch) {
     const doQuery = (query3) => {
       state.showSuggestPanel = true;
       props.remoteSearch({ query: query3 }).then((data) => {
         state.suggestList = data.data;
-        popper.updatePopper();
+        nextTick(() => {
+          popper.updatePopper();
+        });
       });
     };
     if (!props.bypass && props.multi) {
@@ -572,6 +593,22 @@ const mounted = ({ api, props }) => () => {
     api.initDisplay(props.modelValue);
   }
 };
+const doDestroy = ({ popper }) => () => {
+  popper.doDestroy();
+};
+const selectedBoxInit = (refs) => () => refs.selectedBox && refs.selectedBox.init();
+const selectedBoxClear = (api) => () => api.selectedGridSelectAll({ checked: false });
+const selectedBoxDelete = (api) => ({ option: row }) => api.selectedGridSelectChange({ checked: false, row });
+const selectedBoxDrag = ({ props, state }) => ({ state: { select } }) => {
+  const { valueField } = props;
+  const { selectedDatas } = state;
+  if (select && select.length) {
+    const datas = select.map((opt) => String(opt[valueField])).map((strVal) => selectedDatas.find((opt) => strVal === String(opt[valueField])));
+    const values = datas.map((opt) => opt[valueField]);
+    state.selectedDatas = datas;
+    state.selectedValues = values;
+  }
+};
 export {
   closeSuggestPanel,
   computedGetTitle,
@@ -579,6 +616,7 @@ export {
   computedTreeOp,
   createSearchForm,
   doClear,
+  doDestroy,
   doSearch,
   doSuggesst,
   filterNode,
@@ -602,6 +640,10 @@ export {
   mounted,
   openDialog,
   query,
+  selectedBoxClear,
+  selectedBoxDelete,
+  selectedBoxDrag,
+  selectedBoxInit,
   selectedGridSelectAll,
   selectedGridSelectChange,
   sourceGridSelectAll,

package/popeditor/vue.js

@@ -40,7 +40,12 @@ import {
   updateSuggestWidth,
   handlePager,
   initSearchOption,
-  mounted
+  mounted,
+  doDestroy,
+  selectedBoxInit,
+  selectedBoxClear,
+  selectedBoxDelete,
+  selectedBoxDrag
 } from "./index";
 const api = [
   "state",
@@ -65,10 +70,15 @@ const api = [
   "closeSuggestPanel",
   "popper",
   "doSuggesstNow",
-  "suggestRadioChange"
+  "suggestRadioChange",
+  "doDestroy",
+  "selectedBoxClear",
+  "selectedBoxDelete",
+  "selectedBoxDrag"
 ];
-const initState = ({ reactive, computed, props, api: api2, constants, t, parent }) => {
+const initState = ({ reactive, computed, props, api: api2, constants, t, parent, vm }) => {
   const state = reactive({
+    showContent: false,
     open: false,
     display: "",
     getTitle: computed(() => api2.computedGetTitle({ constants, props, t })),
@@ -86,6 +96,7 @@ const initState = ({ reactive, computed, props, api: api2, constants, t, parent
     historyGridDataset: [],
     filterText: "",
     treeOp: computed(() => api2.computedTreeOp(props, state)),
+    theme: vm.theme,
     pagerConfig: reactive(__spreadValues({
       currentPage: 1,
       pageSize: 10,
@@ -138,8 +149,8 @@ const initApi = ({ api: api2, props, state, parent, refs, emit, popper, constant
     doSearch: doSearch({ api: api2, state, props }),
     doClear: doClear({ api: api2, state, props }),
     updateSuggestWidth: updateSuggestWidth({ refs }),
-    doSuggesstNow: doSuggesst({ api: api2, state, props, popper }),
-    doSuggesst: debounce(1e3, doSuggesst({ api: api2, state, props, popper })),
+    doSuggesstNow: doSuggesst({ api: api2, state, props, popper, nextTick }),
+    doSuggesst: debounce(1e3, doSuggesst({ api: api2, state, props, popper, nextTick })),
     closeSuggestPanel: closeSuggestPanel({ api: api2, state, refs }),
     sourceGridSelectChange: sourceGridSelectChange({ props, state, api: api2 }),
     sourceGridSelectAll: sourceGridSelectAll({ props, state, api: api2 }),
@@ -147,7 +158,12 @@ const initApi = ({ api: api2, props, state, parent, refs, emit, popper, constant
     suggestRadioChange: suggestRadioChange({ api: api2, state }),
     handlePager: handlePager({ api: api2, props, state }),
     initSearchOption: initSearchOption({ api: api2, state }),
-    mounted: mounted({ api: api2, props })
+    mounted: mounted({ api: api2, props }),
+    doDestroy: doDestroy({ popper }),
+    selectedBoxInit: selectedBoxInit(refs),
+    selectedBoxClear: selectedBoxClear(api2),
+    selectedBoxDelete: selectedBoxDelete(api2),
+    selectedBoxDrag: selectedBoxDrag({ props, state })
   });
   state.search = api2.createSearchForm(false);
 };
@@ -173,7 +189,7 @@ const initWatch = ({ watch, props, api: api2, state, popper }) => {
 };
 const renderless = (props, { computed, onMounted, reactive, watch, inject, toRefs, onBeforeUnmount, onDeactivated }, { t, refs, parent, emit, constants, vm, nextTick, slots }) => {
   const api2 = {};
-  const state = initState({ reactive, computed, props, api: api2, constants, t, parent });
+  const state = initState({ reactive, computed, props, api: api2, constants, t, parent, vm });
   const popper = userPopper({
     emit,
     refs,

package/popover/vue.js

@@ -76,8 +76,7 @@ const initWatch = ({ watch, props, state, emit, api: api2, nextTick }) => {
         return;
       }
       val ? emit("show") : emit("hide");
-    },
-    { immediate: true }
+    }
   );
   watch(
     () => props.reference,

package/popup/vue.js

@@ -1,11 +1,24 @@
 import {
   __spreadValues
 } from "../chunk-PKUHTIDK.js";
-import { getStyle, watchValue, open, opened, closed, onTouchMove, close, renderOverlay, clickOverlay, updateZIndex } from "./index";
+import {
+  getStyle,
+  watchValue,
+  open,
+  opened,
+  closed,
+  onTouchMove,
+  close,
+  renderOverlay,
+  clickOverlay,
+  updateZIndex
+} from "./index";
 const api = ["state", "open", "close", "clickOverlay", "onTouchMove", "opened", "closed"];
 const initState = ({ reactive, computed, props, api: api2 }) => {
   const state = reactive({
-    transitionName: computed(() => props.transition || props.position === "center" ? "tiny-fade" : `tiny-popup-slide-${props.position}`),
+    transitionName: computed(
+      () => props.transition || props.position === "center" ? "tiny-fade" : `tiny-popup-slide-${props.position}`
+    ),
     style: computed(() => api2.getStyle()),
     inited: computed(() => state.inited || props.modelValue),
     opened: false,

package/progress/index.js

@@ -6,9 +6,9 @@ const computedBarStyle = ({ api, props }) => () => ({
 const computedRelativeStrokeWidth = ({ constants, state }) => () => {
   if (state.width === 0 || state.strokeWidth === 0)
     return constants.REL_STROKE_WIDTH;
-  return (state.strokeWidth / state.width * 100).toFixed(1);
+  return Number((state.strokeWidth / state.width * 100).toFixed(1));
 };
-const computedRadius = ({ constants, props, state }) => () => props.type === constants.PROGRESS_TYPE.CIRCLE || props.type === constants.PROGRESS_TYPE.DASHBOARD ? parseInt(50 - parseFloat(state.relativeStrokeWidth) / 2, 10) : 0;
+const computedRadius = ({ constants, props, state }) => () => props.type === constants.PROGRESS_TYPE.CIRCLE || props.type === constants.PROGRESS_TYPE.DASHBOARD ? parseInt(String(50 - parseFloat(state.relativeStrokeWidth) / 2), 10) : 0;
 const computedTrackPath = ({ constants, props, state }) => () => {
   const radiusValue = state.radius;
   const isDashboardType = props.type === constants.PROGRESS_TYPE.DASHBOARD;
@@ -42,6 +42,8 @@ const computedIconClass = ({ constants, props, mode }) => () => {
   } else if (props.status === constants.PROGRESS_STATUS.EXCEPTION) {
     const iconClasses = props.type === constants.PROGRESS_TYPE.LINE ? [constants.ICON_EXCEPTION, constants.ICON_CIRCLE_EXCEPTION] : [constants.ICON_CIRCLE_EXCEPTION, constants.ICON_EXCEPTION];
     return mode === "mobile-first" ? iconClasses[1] : iconClasses[0];
+  } else {
+    return "";
   }
 };
 const computedIconStyle = ({ constants, props, state }) => () => {
@@ -84,7 +86,7 @@ const getCurrentColor = ({ api, props }) => (percentage) => {
     return api.getLevelColor(percentage);
   }
 };
-const getLevelColor = (api) => (percentage) => {
+const getLevelColor = ({ api }) => (percentage) => {
   const colorArray = api.getColorArray().sort((a, b) => a.percentage - b.percentage);
   for (let i = 0; i < colorArray.length; i++) {
     if (colorArray[i].percentage > percentage) {
@@ -93,7 +95,7 @@ const getLevelColor = (api) => (percentage) => {
   }
   return colorArray[colorArray.length - 1].color;
 };
-const getColorArray = (props) => () => {
+const getColorArray = ({ props }) => () => {
   const color = props.color;
   const span = 100 / color.length;
   return color.map((seriesColor, index) => {
@@ -108,9 +110,9 @@ const getColorArray = (props) => () => {
 };
 const customBeforeAppearHook = ({ props, state }) => (el) => {
   if (props.type === "line") {
-    el.style.width = 0;
+    el.style.width = String(0);
   } else if (props.type === "circle") {
-    el.style.strokeDasharray = state.perimeter * state.content;
+    el.style.strokeDasharray = String(state.perimeter * state.content);
     el.style.strokeDashoffset = state.perimeter;
   }
 };
@@ -121,7 +123,7 @@ const customAfterAppearHook = ({ state, props }) => (el) => {
   if (props.type === "line") {
     el.style.width = state.barStyle.width;
   } else if (props.type === "circle") {
-    el.style.strokeDashoffset = 0;
+    el.style.strokeDashoffset = String(0);
   }
 };
 export {

package/progress/vue.js

@@ -22,7 +22,15 @@ import {
   customAppearHook,
   customAfterAppearHook
 } from "./index";
-const api = ["state", "getCurrentColor", "getLevelColor", "getColorArray", "customBeforeAppearHook", "customAppearHook", "customAfterAppearHook"];
+const api = [
+  "state",
+  "getCurrentColor",
+  "getLevelColor",
+  "getColorArray",
+  "customBeforeAppearHook",
+  "customAppearHook",
+  "customAfterAppearHook"
+];
 const renderless = (props, { computed, reactive }, { constants, mode }) => {
   const api2 = {};
   const state = reactive({
@@ -51,14 +59,14 @@ const renderless = (props, { computed, reactive }, { constants, mode }) => {
     state,
     customAppearHook,
     computedContent: computedContent({ props }),
-    getColorArray: getColorArray(props),
+    getColorArray: getColorArray({ props }),
     computedRate: computedRate({ constants, props }),
     computedPerimeter: computedPerimeter({ state }),
     computedRadius: computedRadius({ constants, props, state }),
     computedTrackPath: computedTrackPath({ constants, props, state }),
     computedIconClass: computedIconClass({ constants, props, mode }),
     computedIconStyle: computedIconStyle({ constants, props, state }),
-    computedCircleStyle: computedCircleStyle({ props, state }),
+    computedCircleStyle: computedCircleStyle({ state }),
     computedCirclePathStyle: computedCirclePathStyle({ props, state }),
     computedStrokeDashoffset: computedStrokeDashoffset({ state }),
     computedTrailPathStyle: computedTrailPathStyle({ state }),
@@ -66,7 +74,7 @@ const renderless = (props, { computed, reactive }, { constants, mode }) => {
     computedProgressTextSize: computedProgressTextSize({ state, constants, props, mode }),
     customAfterAppearHook: customAfterAppearHook({ state, props }),
     customBeforeAppearHook: customBeforeAppearHook({ props, state }),
-    getLevelColor: getLevelColor(api2),
+    getLevelColor: getLevelColor({ api: api2 }),
     computedBarStyle: computedBarStyle({ api: api2, props }),
     getCurrentColor: getCurrentColor({ api: api2, props }),
     computedStroke: computedStroke({ api: api2, constants, props })

package/pull-refresh/vue.js

@@ -1,5 +1,14 @@
 import "../chunk-PKUHTIDK.js";
-import { mountedHandler, beforeUnmountHandler, handlerModelValue, onTouchstart, onTouchmove, onTouchend, initPullRefresh, clearPullRefresh } from "./index";
+import {
+  mountedHandler,
+  beforeUnmountHandler,
+  handlerModelValue,
+  onTouchstart,
+  onTouchmove,
+  onTouchend,
+  initPullRefresh,
+  clearPullRefresh
+} from "./index";
 const api = ["state"];
 const renderless = (props, { watch, onMounted, reactive, onBeforeUnmount }, { t, refs }) => {
   const api2 = {};

package/query-builder/index.js

@@ -0,0 +1,9 @@
+import "../chunk-PKUHTIDK.js";
+const filter = () => (value, data) => {
+  if (!value)
+    return true;
+  return data.label.includes(value);
+};
+export {
+  filter
+};

package/query-builder/vue.js

@@ -0,0 +1,18 @@
+import "../chunk-PKUHTIDK.js";
+import { filter } from "./index";
+const api = ["state", "filter"];
+const renderless = (props, { reactive }, { emit, vm }) => {
+  const api2 = {};
+  const state = reactive({
+    fields: null
+  });
+  Object.assign(api2, {
+    state,
+    filter: filter({ emit, vm })
+  });
+  return api2;
+};
+export {
+  api,
+  renderless
+};