@opentiny/vue-renderless 3.19.5 → 3.20.0

package/base-select/index.js

@@ -51,37 +51,6 @@ const showTip = ({ props, state, vm }) => (show) => {
     state.showTip = show && overflow && !!state.tips && !state.visible;
   }
 };
-const gridOnQueryChange = ({ props, vm, constants, state }) => (value) => {
-  const { multiple, valueField, filterMethod, filterable, remote, remoteMethod } = props;
-  if (filterable && typeof filterMethod === "function") {
-    const table = vm.$refs.selectGrid.$refs.tinyTable;
-    const fullData = table.afterFullData;
-    vm.$refs.selectGrid.scrollTo(null, 0);
-    table.afterFullData = filterMethod(value, fullData) || [];
-    vm.$refs.selectGrid.handleTableData(!value).then(() => state.selectEmitter.emit(constants.EVENT_NAME.updatePopper));
-    state.previousQuery = value;
-  } else if (remote && typeof remoteMethod === "function") {
-    state.previousQuery = value;
-    remoteMethod(value, props.extraQueryParams).then((data) => {
-      if (multiple) {
-        const selectedIds = state.selected.map((sel) => sel[valueField]);
-        vm.$refs.selectGrid.clearSelection();
-        vm.$refs.selectGrid.setSelection(
-          data.filter((row) => ~selectedIds.indexOf(row[valueField])),
-          true
-        );
-        state.remoteData = data.filter((row) => !~selectedIds.indexOf(row[valueField])).concat(state.selected);
-      } else {
-        vm.$refs.selectGrid.clearRadioRow();
-        vm.$refs.selectGrid.setRadioRow(find(data, (item) => props.modelValue === item[props.valueField]));
-        state.remoteData = data;
-      }
-      vm.$refs.selectGrid.$refs.tinyTable.lastScrollTop = 0;
-      vm.$refs.selectGrid.loadData(data);
-      vm.$refs.selectGrid.handleTableData(!value).then(() => state.selectEmitter.emit(constants.EVENT_NAME.updatePopper));
-    });
-  }
-};
 const defaultOnQueryChange = ({ props, state, constants, api, nextTick }) => (value, isInput) => {
   if (props.remote && (typeof props.remoteMethod === "function" || typeof props.initQuery === "function")) {
     state.hoverIndex = -1;
@@ -231,7 +200,7 @@ const getOptionOfSetSelected = ({ api, props }) => {
   } else {
     option.createdSelected = false;
   }
-  if (!option.currentLabel) {
+  if (!option.state.currentLabel) {
     api.clearNoMatchValue("");
   }
   return option;
@@ -252,6 +221,7 @@ const getResultOfSetSelected = ({ state, api, props }) => {
   return result;
 };
 const setSelected = ({ api, nextTick, props, vm, state }) => () => {
+  var _a, _b, _c, _d;
   if (!props.multiple) {
     const option = getOptionOfSetSelected({ api, props });
     state.selected = option;
@@ -260,10 +230,10 @@ const setSelected = ({ api, nextTick, props, vm, state }) => () => {
   } else {
     const result = getResultOfSetSelected({ state, props, api });
     state.selectCls = result.length ? result.length === state.options.length ? "checked-sur" : "halfselect" : "check";
-    if (state.selected.length === 0 || !state.selected[0].currentLabel) {
+    if (!((_b = (_a = state.selected) == null ? void 0 : _a[0]) == null ? void 0 : _b.isTree) && !((_d = (_c = state.selected) == null ? void 0 : _c[0]) == null ? void 0 : _d.isGrid)) {
       state.selected = result;
     }
-    vm.$refs.selectTree && vm.$refs.selectTree.setCheckedNodes && vm.$refs.selectTree.setCheckedNodes(state.selected);
+    state.selected.length && (state.selectedLabel = "");
     state.tips = state.selected.map((item) => item.state ? item.state.currentLabel : item.currentLabel).join(",");
     setFilteredSelectCls(nextTick, state, props);
     nextTick(api.resetInputHeight);
@@ -879,9 +849,6 @@ const toVisible = ({ constants, state, props, vm, api, nextTick }) => () => {
     if (vm.$refs.input && vm.$refs.input.value === "" && state.selected.length === 0) {
       state.currentPlaceholder = state.cachedPlaceHolder;
     }
-    if (vm.$refs.selectGrid) {
-      vm.$refs.selectGrid.clearScroll();
-    }
   });
   postOperOfToVisible({ props, state, constants });
 };
@@ -906,25 +873,6 @@ const toHide = ({ constants, state, props, vm, api }) => () => {
       }
     }
   }
-  if (vm.$refs.selectGrid) {
-    let { fullData } = vm.$refs.selectGrid.getTableData();
-    if (multiple) {
-      const selectedIds = state.selected.map((sel) => sel[valueField]);
-      vm.$refs.selectGrid.clearSelection();
-      vm.$refs.selectGrid.setSelection(
-        fullData.filter((row) => ~selectedIds.indexOf(row[valueField])),
-        true
-      );
-    } else {
-      vm.$refs.selectGrid.clearRadioRow();
-      vm.$refs.selectGrid.setRadioRow(find(fullData, (item) => props.modelValue === item[valueField]));
-    }
-    if (filterable && typeof props.filterMethod === "function") {
-      vm.$refs.selectGrid.handleTableData(true);
-    } else if (filterable && remote && (typeof props.remoteMethod === "function" || typeof props.initQuery === "function")) {
-      vm.$refs.selectGrid.handleTableData();
-    }
-  }
 };
 const watchVisible = ({ api, constants, emit, state, vm, props }) => (value) => {
   if ((props.filterable || props.remote) && !value) {
@@ -1007,17 +955,6 @@ const handleCopyClick = ({ parent, props, state }) => () => {
   document.execCommand("copy");
   parent.$el.removeChild(input);
 };
-const getcheckedData = ({ props, state }) => () => {
-  const checkedKey = [];
-  if (!Array.isArray(state.selected)) {
-    return props.modelValue ? [props.modelValue] : [state.selected[props.valueField]];
-  } else {
-    state.selected.length > 0 && state.selected.forEach((item) => {
-      checkedKey.push(item[props.valueField]);
-    });
-    return checkedKey;
-  }
-};
 const debouncRquest = ({ api, state, props }) => debounce(props.delay, () => {
   if (props.filterable && state.query !== state.selectedLabel) {
     const isChange = false;
@@ -1177,20 +1114,17 @@ const initQuery = ({ props, state, constants, vm }) => ({ init } = {}) => {
       return new Promise((resolve) => {
         initData.then((selected2) => {
           state.remoteData = selected2;
-          vm.$refs.selectGrid.loadData(selected2);
           resolve(selected2);
         });
       });
     }
     selected = initData;
     state.remoteData = selected;
-    vm.$refs.selectGrid.loadData(selected);
   }
   return Promise.resolve(selected);
 };
 const mounted = ({ api, parent, state, props, vm, designConfig }) => () => {
   var _a;
-  state.defaultCheckedKeys = state.gridCheckedData;
   const parentEl = parent.$el;
   const inputEl = parentEl.querySelector('input[data-tag="tiny-input-inner"]');
   const inputClientRect = inputEl && inputEl.getBoundingClientRect() || {};
@@ -1198,7 +1132,7 @@ const mounted = ({ api, parent, state, props, vm, designConfig }) => () => {
     document.activeElement.blur();
   }
   state.completed = true;
-  const defaultSizeMap = { default: 32, mini: 24, small: 36, medium: 40 };
+  const defaultSizeMap = { medium: 40, default: 32, small: 28, mini: 24 };
   const sizeMap = ((_a = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a.sizeMap) || defaultSizeMap;
   if (props.multiple && Array.isArray(props.modelValue) && props.modelValue.length > 0) {
     state.currentPlaceholder = "";
@@ -1362,10 +1296,13 @@ const watchShowClose = ({ nextTick, state, parent }) => () => {
     const inputEl = parentEl.querySelector('input[data-tag="tiny-input-inner"]');
     if (inputEl) {
       const { paddingRight } = getComputedStyle(inputEl);
-      state.inputPaddingRight = parseFloat(paddingRight);
+      const COPY_ICON_WIDTH = 16;
+      state.inputPaddingRight = parseFloat(paddingRight) + COPY_ICON_WIDTH;
     }
   });
 };
+const computedShowTagText = ({ state }) => () => state.isDisplayOnly;
+const isTagClosable = () => (item) => !item.required;
 const computedGetIcon = ({ designConfig, props }) => () => {
   return props.dropdownIcon ? { icon: props.dropdownIcon } : {
     icon: (designConfig == null ? void 0 : designConfig.icons.dropdownIcon) || "icon-delta-down",
@@ -1429,6 +1366,7 @@ export {
   computedShowClose,
   computedShowCopy,
   computedShowNewOption,
+  computedShowTagText,
   computedTagsStyle,
   debouncRquest,
   defaultOnQueryChange,
@@ -1449,8 +1387,6 @@ export {
   getSelectedOption,
   getValueIndex,
   getValueKey,
-  getcheckedData,
-  gridOnQueryChange,
   handleBlur,
   handleClearClick,
   handleClose,
@@ -1467,6 +1403,7 @@ export {
   hidePanel,
   initQuery,
   initValue,
+  isTagClosable,
   managePlaceholder,
   mounted,
   navigateOptions,

package/base-select/vue.js

@@ -5,7 +5,6 @@ import {
 import {
   debouncRquest,
   getChildValue,
-  getcheckedData,
   calcOverFlow,
   toggleCheckAll,
   handleCopyClick,
@@ -59,7 +58,6 @@ import {
   onMouseenterNative,
   onMouseleaveNative,
   onCopying,
-  gridOnQueryChange,
   defaultOnQueryChange,
   queryChange,
   toVisible,
@@ -100,7 +98,9 @@ import {
   onClickCollapseTag,
   computedIsExpand,
   updateSelectedData,
-  hidePanel
+  hidePanel,
+  computedShowTagText,
+  isTagClosable
 } from "./index";
 import debounce from "../common/deps/debounce";
 import { isNumber } from "../common/type";
@@ -156,7 +156,9 @@ const api = [
   "clearSearchText",
   "onClickCollapseTag",
   "updateSelectedData",
-  "hidePanel"
+  "hidePanel",
+  "computedShowTagText",
+  "isTagClosable"
 ];
 const initState = ({ reactive, computed, props, api: api2, emitter, parent, constants, useBreakpoint, vm, designConfig }) => {
   const stateAdd = initStateAdd({ computed, props, api: api2, parent });
@@ -255,8 +257,6 @@ const initStateAdd = ({ computed, props, api: api2, parent }) => {
     initialInputHeight: 0,
     currentPlaceholder: props.placeholder,
     filteredOptionsCount: 0,
-    gridData: [],
-    treeData: [],
     remoteData: [],
     currentKey: props.modelValue,
     updateId: "",
@@ -267,12 +267,12 @@ const initStateAdd = ({ computed, props, api: api2, parent }) => {
     formItemSize: computed(() => (parent.formItem || { state: {} }).state.formItemSize),
     selectDisabled: computed(() => api2.computedSelectDisabled()),
     isDisplayOnly: computed(() => props.displayOnly || (parent.form || {}).displayOnly),
-    gridCheckedData: computed(() => api2.getcheckedData()),
+    isDisabled: computed(() => props.disabled || (parent.form || {}).disabled),
+    isShowTagText: computed(() => api2.computedShowTagText()),
     searchSingleCopy: computed(() => props.allowCopy && !props.multiple && props.filterable),
     childrenName: computed(() => "children"),
     tooltipContent: {},
     isHidden: false,
-    defaultCheckedKeys: [],
     optionIndexArr: [],
     showCollapseTag: false,
     exceedMaxVisibleRow: false,
@@ -314,7 +314,6 @@ const initApi = ({
     showTip: showTip({ props, state, vm }),
     onOptionDestroy: onOptionDestroy(state),
     setSoftFocus: setSoftFocus({ vm, state }),
-    getcheckedData: getcheckedData({ props, state }),
     resetInputWidth: resetInputWidth({ vm, state }),
     resetHoverIndex: resetHoverIndex({ props, state }),
     resetDatas: resetDatas({ props, state }),
@@ -334,7 +333,6 @@ const initApi = ({
     onMouseenterNative: onMouseenterNative({ state }),
     onMouseleaveNative: onMouseleaveNative({ state }),
     onCopying: onCopying({ state, vm }),
-    gridOnQueryChange: gridOnQueryChange({ props, vm, constants, state }),
     watchHoverIndex: watchHoverIndex({ state }),
     computeOptimizeOpts: computeOptimizeOpts({ props, designConfig }),
     computeCollapseTags: computeCollapseTags(props),
@@ -359,6 +357,8 @@ const initApi = ({
     computedGetTagType: computedGetTagType({ designConfig, props }),
     clearSearchText: clearSearchText({ state, api: api2 }),
     clearNoMatchValue: clearNoMatchValue({ props, emit }),
+    computedShowTagText: computedShowTagText({ state }),
+    isTagClosable: isTagClosable(),
     updateSelectedData: updateSelectedData({ state }),
     hidePanel: hidePanel({ state })
   });

package/bulletin-board/index.js

@@ -14,8 +14,12 @@ const computedMoreLink = ({ props }) => () => {
   }
   return props.moreLink;
 };
+const handleBulletinBoardClick = ({ emit }) => (item) => {
+  emit("contentClick", item);
+};
 export {
   computedDataList,
   computedMoreLink,
-  getRoute
+  getRoute,
+  handleBulletinBoardClick
 };

package/bulletin-board/vue.js

@@ -1,7 +1,7 @@
 import "../chunk-G2ADBYYC.js";
-import { getRoute, computedDataList, computedMoreLink } from "./index";
-const api = ["state", "getRoute"];
-const renderless = (props, { reactive, computed, watch }) => {
+import { getRoute, computedDataList, computedMoreLink, handleBulletinBoardClick } from "./index";
+const api = ["state", "getRoute", "handleBulletinBoardClick"];
+const renderless = (props, { reactive, computed, watch }, { emit }) => {
   const api2 = {};
   const state = reactive({
     actName: props.activeName,
@@ -19,7 +19,8 @@ const renderless = (props, { reactive, computed, watch }) => {
     state,
     getRoute,
     computedDataList: computedDataList({ props, state }),
-    computedMoreLink: computedMoreLink({ props })
+    computedMoreLink: computedMoreLink({ props }),
+    handleBulletinBoardClick: handleBulletinBoardClick({ emit })
   });
   return api2;
 };

package/button/index.js

@@ -1,14 +1,22 @@
 import "../chunk-G2ADBYYC.js";
 import { xss } from "../common/xss";
-const handleClick = ({ emit, props, state }) => (event) => {
+const handleClick = ({ emit, props, state, designConfig }) => (event) => {
+  var _a, _b;
   const urlHref = xss.filterUrl(props.href);
+  const DEFAULT_RESETTIME = 1e3;
+  let resetTime = DEFAULT_RESETTIME;
+  if (props.resetTime !== DEFAULT_RESETTIME) {
+    resetTime = props.resetTime;
+  } else {
+    resetTime = (_b = (_a = designConfig == null ? void 0 : designConfig.props) == null ? void 0 : _a.resetTime) != null ? _b : props.resetTime;
+  }
   if (urlHref) {
     location.href = urlHref;
-  } else if (props.nativeType === "button" && props.resetTime > 0) {
+  } else if (props.nativeType === "button" && resetTime > 0) {
     state.disabled = true;
     state.timer = window.setTimeout(() => {
       state.disabled = false;
-    }, props.resetTime);
+    }, resetTime);
   }
   emit("click", event);
 };

package/button/vue.js

@@ -1,12 +1,16 @@
 import "../chunk-G2ADBYYC.js";
 import { handleClick, clearTimer } from "./index";
 const api = ["state", "handleClick"];
-const renderless = (props, { computed, onBeforeUnmount, reactive, watch, inject }, { emit, parent }) => {
+const renderless = (props, { computed, onBeforeUnmount, reactive, watch, inject }, { emit, parent, designConfig }) => {
   parent.tinyForm = parent.tinyForm || inject("form", null);
   const state = reactive({
     timer: 0,
     disabled: props.disabled,
     plain: computed(() => props.plain || (parent.buttonGroup || {}).plain),
+    round: computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = props.round) != null ? _b : (_a = designConfig == null ? void 0 : designConfig.props) == null ? void 0 : _a.round) != null ? _c : false;
+    }),
     formDisabled: computed(() => (parent.tinyForm || {}).disabled),
     buttonDisabled: computed(
       () => props.disabled || state.disabled || (parent.buttonGroup || {}).disabled || state.formDisabled
@@ -22,7 +26,7 @@ const renderless = (props, { computed, onBeforeUnmount, reactive, watch, inject
   const api2 = {
     state,
     clearTimer: clearTimer(state),
-    handleClick: handleClick({ emit, props, state })
+    handleClick: handleClick({ emit, props, state, designConfig })
   };
   onBeforeUnmount(api2.clearTimer);
   return api2;

package/button-group/index.js

@@ -5,7 +5,7 @@ const handleChange = ({ emit, state }) => () => {
   }
 };
 const handleClick = ({ emit, props, state }) => (node) => {
-  if (!state.disabled && !node.disabled) {
+  if (!state.disabled && !node.disabled && state.value !== node[props.valueField]) {
     state.value = node[props.valueField];
     emit("update:modelValue", state.value);
   }

package/color-picker/index.js

@@ -7,15 +7,14 @@ const toggleVisible = (isShow) => {
     isShow.value = val;
   };
 };
-const useEvent = (hex, emit, changeVisible) => {
+const useEvent = (state, emit, changeVisible, color) => {
   const onConfirm = (val) => {
-    hex.value = val;
+    color.fromString(val);
     updateModelValue(val, emit);
     emit("confirm", val);
     changeVisible(false);
   };
-  const onCancel = (color) => {
-    hex.value = color.value.hex;
+  const onCancel = () => {
     changeVisible(false);
     emit("cancel");
   };
@@ -26,5 +25,6 @@ const useEvent = (hex, emit, changeVisible) => {
 };
 export {
   toggleVisible,
+  updateModelValue,
   useEvent
 };