@opentiny/vue-renderless 3.21.1 → 3.22.0

package/upload-list/index.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
 import { xss } from "@opentiny/utils";
-import { addResizeListener, removeResizeListener } from "../common/deps/resize-event";
+import { addResizeListener, removeResizeListener } from "@opentiny/utils";
 const parsePercentage = () => (val) => parseInt(val, 10);
 const handleClick = ({ props, api, parent }) => (e, file) => {
   e.preventDefault();

package/upload-list/vue.js

@@ -23,9 +23,9 @@ import {
   getNotSuccessFiles
 } from "./index";
 import { getToken, initService } from "../file-upload";
-import { formatFileSize } from "../common/string";
+import { formatFileSize } from "@opentiny/utils";
 import { getApi } from "../file-upload/vue";
-import { isBrowser } from "../common/browser";
+import { isServer } from "@opentiny/utils";
 const api = [
   "t",
   "state",
@@ -52,7 +52,7 @@ const renderless = (props, { reactive, onMounted, onUnmounted, watch, inject, co
   var _a, _b, _c, _d, _e;
   const api2 = { getApi };
   parent = inject("uploader").$children[0];
-  const constants = isBrowser ? parent.$constants : null;
+  const constants = !isServer ? parent.$constants : null;
   const $service = initService({ props, service });
   const { current } = useBreakpoint();
   const state = reactive({
@@ -60,7 +60,7 @@ const renderless = (props, { reactive, onMounted, onUnmounted, watch, inject, co
     shows: false,
     currentBreakpoint: current,
     progressType: ((_a = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a.progressType) || "line",
-    progressWidth: (designConfig == null ? void 0 : designConfig.state) && Object.hasOwnProperty.call(designConfig.state, "progressWidth") ? designConfig.state.progressWidth : "68",
+    progressWidth: (designConfig == null ? void 0 : designConfig.state) && Object.hasOwnProperty.call(designConfig.state, "progressWidth") ? designConfig.state.progressWidth : 68,
     progressStrokeWidth: ((_b = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _b.progressStrokeWidth) || 4,
     tooltipDisabled: (_d = (_c = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _c.tooltipDisabled) != null ? _d : false,
     closeComponent: ((_e = designConfig == null ? void 0 : designConfig.icons) == null ? void 0 : _e.closeComponent) || "icon-del",

package/user/index.js

@@ -2,11 +2,11 @@ import {
   __spreadProps,
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
-import debounce from "../common/deps/debounce";
-import { toDateStr } from "../common/date";
-import { toJsonStr } from "../common/object";
-import { toJson } from "../common/string";
-import { log } from "@opentiny/utils";
+import { debounce } from "@opentiny/utils";
+import { toDateStr } from "@opentiny/utils";
+import { toJsonStr } from "@opentiny/utils";
+import { toJson } from "@opentiny/utils";
+import { logger } from "@opentiny/utils";
 const toLowerCase = (val) => {
   return typeof val === "string" ? val.toLowerCase() : val;
 };
@@ -111,7 +111,7 @@ const request = {
               }
             });
           });
-          errors.length && log.logger.warn(`user [${errors.join(",")}] not found`);
+          errors.length && logger.warn(`user [${errors.join(",")}] not found`);
           this.clearRequest();
         }
       }
@@ -207,7 +207,7 @@ const updateOptions = ({ props, state, nextTick }) => (usersList) => {
   return nextTick();
 };
 const autoSelect = ({ props, state, nextTick }) => (usersList) => {
-  if (!usersList.length || props.multiple && props.multipleLimit && state.user.length >= props.multipleLimit) {
+  if (!props.autoSelect || !usersList.length || props.multiple && props.multipleLimit && state.user.length >= props.multipleLimit) {
     return nextTick();
   }
   const values = props.multiple ? [].concat(state.user) : [];

package/user/vue.js

@@ -21,7 +21,7 @@ import {
   syncCacheIds
 } from "./index";
 const api = ["state", "handleBlur", "searchMethod", "userChange", "visibleChange", "useSortable", "filter"];
-const renderless = (props, { reactive, watch, computed, provide }, { emit, nextTick, vm, service, constants, dispatch }) => {
+const renderless = (props, { reactive, watch, computed, provide }, { emit, nextTick, vm, service, constants, dispatch, useBreakpoint, isMobileFirstMode }) => {
   const api2 = {};
   const $service = initService({ props, service });
   const state = reactive({
@@ -36,9 +36,11 @@ const renderless = (props, { reactive, watch, computed, provide }, { emit, nextT
     sortable: null,
     overflow: false,
     addevnet: false,
+    device: "",
     batch: props.batch === false ? false : props.batch || $service.batch,
     textField: computed(() => api2.computedTextField()),
-    valueField: computed(() => api2.computedValueField())
+    valueField: computed(() => api2.computedValueField()),
+    breakpoint: useBreakpoint ? useBreakpoint().current : ""
   });
   Object.assign(api2, {
     state,
@@ -66,6 +68,17 @@ const renderless = (props, { reactive, watch, computed, provide }, { emit, nextT
   });
   props.cache && api2.updateCache();
   watch(() => props.modelValue, api2.initUser, { immediate: true });
+  watch(
+    () => state.breakpoint,
+    (val) => {
+      if (val === "default" && isMobileFirstMode) {
+        state.device = "mb";
+      } else {
+        state.device = "pc";
+      }
+    },
+    { immediate: true, deep: true }
+  );
   provide("showContent", props.showTips);
   provide("tips-max-width", props.maxWidth);
   return api2;

package/user-contact/vue.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { init } from "../common/deps/eSpaceCtrl";
+import { initEspace } from "@opentiny/utils";
 import { getUserHref, doUserAction, initEspaceLink, openEspace } from "./index";
 import { testUID } from "../espace";
 const api = ["show", "getUserHref", "doUserAction", "initEspaceLink", "openEspace", "testUID"];
@@ -8,7 +8,7 @@ const renderless = (props, { reactive, ref }, { service }) => {
   const { setting = {} } = service || {};
   const { widgets = {} } = setting;
   const eSpaceCtrlDisabled = widgets.ESpaceCtrl && !widgets.ESpaceCtrl.autoLink;
-  const eSpaceCtrl = eSpaceCtrlDisabled ? {} : init();
+  const eSpaceCtrl = eSpaceCtrlDisabled ? {} : initEspace();
   const state = reactive({
     initialized: false
   });

package/virtual-scroll-box/index.js

@@ -1,11 +1,11 @@
 import {
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
-import getScrollbarSize from "../common/deps/scrollbar-width";
+import { calcScrollWidth } from "@opentiny/utils";
 const computedBarSize = (props) => () => {
   let barSize = +props.scrollbarSize;
   if (isNaN(barSize) || barSize < 0) {
-    barSize = getScrollbarSize();
+    barSize = calcScrollWidth();
   }
   return barSize;
 };

package/wizard/index.js

@@ -1,7 +1,7 @@
 import "../chunk-G2ADBYYC.js";
-import { format } from "../common/date";
-import { copyArray, extend } from "../common/object";
-import { isObject } from "../common/type";
+import { formatDateByPattern as format } from "@opentiny/utils";
+import { copyArray, extend } from "@opentiny/utils";
+import { isObject } from "@opentiny/utils";
 const lastStepHandle = ({ state, emit }) => () => {
   if (state.datas[0].status === state.doing) {
     return;

package/year-range/index.js

@@ -1,6 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { isDate, nextYear, nextMonth } from "../common/deps/date-util";
-import { DATEPICKER } from "../common";
+import { DATEPICKER, formatDate, isDate1 as isDate, nextYear, nextMonth1 as nextMonth } from "@opentiny/utils";
 const calcDefaultValue = (value) => {
   if (Array.isArray(value)) {
     return [new Date(value[0]), new Date(value[1])];
@@ -58,7 +57,10 @@ const watchDefaultValue = ({ state }) => (data) => {
     state.rightDate = data && data[1] && left.getFullYear() !== right.getFullYear() && state.unlinkPanels ? right : nextYear(state.leftDate);
   }
 };
-const handleRangePick = ({ api, state }) => (val, close = true) => {
+const handleRangePick = ({ api, state, props }) => (val, close = true) => {
+  if (props.readonly) {
+    return;
+  }
   const maxDate = val.maxDate;
   const minDate = val.minDate;
   if (state.minDate === minDate && state.maxDate === maxDate) {
@@ -78,11 +80,24 @@ const handleRangePick = ({ api, state }) => (val, close = true) => {
   }
   api.handleConfirm();
 };
-const handleShortcutClick = (api) => (shortcutEvent) => {
+const handleShortcutClick = (state, api, props) => (shortcutEvent) => {
   if (shortcutEvent.onClick) {
     const choose = {
       $emit: (type, [start, end]) => {
-        api.doPick(start, end);
+        var _a;
+        if ((_a = props.shortcuts) == null ? void 0 : _a.length) {
+          state.value = [start, end];
+          state.leftStartYear = Math.floor(start.getFullYear() / 10) * 10;
+          state.rightStartYear = state.leftStartYear + DATEPICKER.PanelYearNum;
+          state.leftDate = start;
+          state.rightDate = end;
+          api.handleRangePick({
+            minDate: isDate(start) ? start.getFullYear() : start,
+            maxDate: isDate(end) ? end.getFullYear() : end
+          });
+        } else {
+          api.doPick(start, end);
+        }
       }
     };
     shortcutEvent.onClick(choose);
@@ -91,15 +106,36 @@ const handleShortcutClick = (api) => (shortcutEvent) => {
 const doPick = (emit) => (begin, end) => {
   emit("pick", [begin, end], false);
 };
-const leftPrevYear = (state) => () => {
-  state.leftStartYear = state.leftStartYear - DATEPICKER.PanelYearNum * 2;
+const leftPrevYear = (state, api) => () => {
+  state.leftStartYear = state.leftStartYear - DATEPICKER.PanelYearNum;
+  if (!state.unlinkPanels) {
+    api.rightPrevYear();
+  }
 };
-const rightNextYear = (state) => () => {
-  state.leftStartYear = state.leftStartYear + DATEPICKER.PanelYearNum * 2;
+const leftNextYear = (state) => () => {
+  state.leftStartYear = state.leftStartYear + DATEPICKER.PanelYearNum;
 };
-const handleConfirm = ({ api, emit, state }) => (show = false) => {
+const rightPrevYear = (state) => () => {
+  state.rightStartYear = state.rightStartYear - DATEPICKER.PanelYearNum;
+};
+const rightNextYear = (state, api) => () => {
+  state.rightStartYear = state.rightStartYear + DATEPICKER.PanelYearNum;
+  if (!state.unlinkPanels) {
+    api.leftNextYear();
+  }
+};
+const handleConfirm = ({ api, emit, state, t }) => (show = false) => {
   const { minDate, maxDate } = state;
-  api.isValidValue([minDate, maxDate]) && emit("pick", [new Date(minDate, 0, 2), new Date(maxDate, 0, 2)], show);
+  const newMin = minDate ? new Date(minDate, 0, 2) : null;
+  const newMax = maxDate ? new Date(maxDate, 0, 2) : null;
+  if (api.isValidValue([newMin, newMax])) {
+    emit("pick", [newMin, newMax], show);
+    const defaultFormat = DATEPICKER.DateFormats.year;
+    const start = formatDate(newMin, defaultFormat, t);
+    const end = formatDate(newMax, defaultFormat, t);
+    emit("update:modelValue", [start, end]);
+    emit("select-change", [start, end]);
+  }
 };
 const isValidValue = (state) => (data) => {
   return data && Array.isArray(data) && data[1] && data[0] && isDate(data[1]) && isDate(data[0]) && data[0] <= data[1] && (typeof state.disabledDate === "function" ? !state.disabledDate(data[1]) && !state.disabledDate(data[0]) : true);
@@ -108,6 +144,17 @@ const resetView = (state) => () => {
   state.maxDate = state.value && isDate(state.value[0]) ? new Date(state.value[1]) : null;
   state.minDate = state.value && isDate(state.value[0]) ? new Date(state.value[0]) : null;
 };
+const watchModelValue = ({ state }) => (val) => {
+  if ((val == null ? void 0 : val.length) === 2) {
+    const start = new Date(val[0], 0, 2);
+    const end = new Date(val[1], 0, 2);
+    state.value = [start, end];
+    state.minDate = start;
+    state.maxDate = end;
+    state.leftDate = start;
+    state.rightDate = end;
+  }
+};
 export {
   calcDefaultValue,
   doPick,
@@ -117,9 +164,12 @@ export {
   handleRangePick,
   handleShortcutClick,
   isValidValue,
+  leftNextYear,
   leftPrevYear,
   resetView,
   rightNextYear,
+  rightPrevYear,
   watchDefaultValue,
+  watchModelValue,
   watchValue
 };

package/year-range/vue.js

@@ -2,32 +2,38 @@ import "../chunk-G2ADBYYC.js";
 import {
   handleChangeRange,
   resetView,
+  rightPrevYear,
   rightNextYear,
   isValidValue,
   handleConfirm,
   leftPrevYear,
+  leftNextYear,
   watchValue,
   handleShortcutClick,
   watchDefaultValue,
   handleRangePick,
   handleClear,
-  doPick
+  doPick,
+  watchModelValue
 } from "./index";
-import { DATEPICKER } from "../common";
-import { nextYear } from "../common/deps/date-util";
+import { DATEPICKER, nextYear } from "@opentiny/utils";
 const api = [
   "state",
+  "rightPrevYear",
   "rightNextYear",
   "handleRangePick",
   "handleShortcutClick",
   "handleChangeRange",
-  "leftPrevYear"
+  "leftPrevYear",
+  "leftNextYear",
+  "watchModelValue"
 ];
-const initState = ({ reactive, computed, api: api2, t }) => {
+const initState = ({ reactive, computed, api: api2, props, t }) => {
+  const initStartYear = Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 10) * 10;
   const state = reactive({
     selectionMode: DATEPICKER.YearRange,
-    popperClass: "",
-    value: [],
+    popperClass: props.popperClass || "",
+    value: props.modelValue || [],
     defaultValue: null,
     defaultTime: null,
     minDate: "",
@@ -35,14 +41,17 @@ const initState = ({ reactive, computed, api: api2, t }) => {
     leftDate: /* @__PURE__ */ new Date(),
     rightDate: nextYear(/* @__PURE__ */ new Date()),
     rangeState: { startDate: null, endDate: null, selecting: false, row: null, column: null },
-    shortcuts: "",
+    shortcuts: props.shortcuts || [],
     visible: "",
-    disabledDate: "",
-    format: "",
+    disabledDate: props.disabledDate || null,
+    format: props.format || "",
     arrowControl: false,
-    unlinkPanels: false,
-    leftStartYear: Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 10) * 10,
-    rightStartYear: computed(() => state.leftStartYear + DATEPICKER.PanelYearNum),
+    unlinkPanels: props.unlinkPanels || false,
+    leftStartYear: initStartYear,
+    rightStartYear: initStartYear + DATEPICKER.PanelYearNum,
+    enableYearArrow: computed(
+      () => props.unlinkPanels && state.rightStartYear > state.leftStartYear + DATEPICKER.PanelYearNum
+    ),
     btnDisabled: computed(
       () => !(state.minDate && state.maxDate && !state.selecting && api2.isValidValue([state.minDate, state.maxDate]))
     ),
@@ -62,22 +71,26 @@ const initState = ({ reactive, computed, api: api2, t }) => {
 const renderless = (props, { computed, reactive, watch }, { t, emit: $emit }) => {
   const emit = props.emitter ? props.emitter.emit : $emit;
   const api2 = {};
-  const state = initState({ reactive, computed, api: api2, t });
+  const state = initState({ reactive, computed, api: api2, props, t });
   Object.assign(api2, {
     state,
     doPick: doPick(emit),
     resetView: resetView(state),
     watchValue: watchValue({ state }),
     isValidValue: isValidValue(state),
-    leftPrevYear: leftPrevYear(state),
-    rightNextYear: rightNextYear(state),
+    leftPrevYear: leftPrevYear(state, api2),
+    leftNextYear: leftNextYear(state),
+    rightPrevYear: rightPrevYear(state),
+    rightNextYear: rightNextYear(state, api2),
     handleClear: handleClear({ emit, state }),
-    handleChangeRange: handleChangeRange(state),
-    handleShortcutClick: handleShortcutClick(api2),
+    handleChangeRange: handleChangeRange(state, props),
+    handleShortcutClick: handleShortcutClick(state, api2, props),
     watchDefaultValue: watchDefaultValue({ state }),
-    handleConfirm: handleConfirm({ api: api2, emit, state }),
-    handleRangePick: handleRangePick({ api: api2, state, t })
+    handleConfirm: handleConfirm({ api: api2, emit, state, props, t }),
+    handleRangePick: handleRangePick({ api: api2, state, props, t }),
+    watchModelValue: watchModelValue({ state })
   });
+  watch(() => props.modelValue, api2.watchModelValue, { immediate: true });
   watch(() => state.value, api2.watchValue);
   watch(() => state.defaultValue, api2.watchDefaultValue);
   return api2;

package/year-table/index.js

@@ -1,16 +1,15 @@
 import "../chunk-G2ADBYYC.js";
-import { toDate } from "../common/date";
+import { DATEPICKER, toDate1 } from "@opentiny/utils";
 import { arrayFindIndex, coerceTruthyValueToArray, arrayFind } from "../date-table";
-import { DATEPICKER } from "../common";
 const getIsDefault = ({ props }) => (year) => {
   const { defaultValue } = props;
   return Array.isArray(defaultValue) ? defaultValue.some((v) => v && v.getFullYear() === year) : defaultValue && defaultValue.getFullYear() === year;
 };
 const getIsDisabled = ({ props }) => (year) => {
-  return props.selectionMode.startsWith("year") && typeof props.disabledDate === "function" ? props.disabledDate(new Date(year, 0, 1, 0)) : false;
+  return typeof props.disabledDate === "function" ? props.disabledDate(new Date(year, 0, 1, 0)) : false;
 };
 const getIsCurrent = ({ props }) => (year) => {
-  const execDate = typeof props.value === "object" ? props.value : toDate(props.value);
+  const execDate = typeof props.value === "object" ? props.value : toDate1(props.value);
   return arrayFindIndex(coerceTruthyValueToArray(execDate), (date) => date.getFullYear() === year) >= 0;
 };
 const clearDate = (date) => {
@@ -93,7 +92,10 @@ const watchDate = ({ api, props }) => (value, oldvalue) => {
 };
 const handleYearTableClick = ({ emit, props }) => (event) => {
   const target = event.target;
-  const { selectionMode } = props;
+  const { selectionMode, readonly } = props;
+  if (readonly) {
+    return;
+  }
   if (target.tagName === "A") {
     if (target.hasAttribute("aria-disabled")) {
       return;

package/avatar/index.js

@@ -1,30 +0,0 @@
-import "../chunk-G2ADBYYC.js";
-const handleError = ({ props, state }) => () => {
-  const { error } = props;
-  const errorFlag = error ? error() : void 0;
-  if (errorFlag !== false) {
-    if (state.isSrcImageExist) {
-      state.isSrcImageExist = false;
-    } else {
-      state.isDefaultImageExist = false;
-    }
-  }
-};
-const computedAvatarClass = (contants) => (props) => {
-  const { size, icon, shape } = props;
-  let classList = [contants.COMPONENT_PREFIX];
-  if (size && typeof size === "string") {
-    classList.push(`${contants.COMPONENT_PREFIX}--${size}`);
-  }
-  if (icon) {
-    classList.push(`${contants.COMPONENT_PREFIX}--${contants.icon}`);
-  }
-  if (shape) {
-    classList.push(`${contants.COMPONENT_PREFIX}--${shape}`);
-  }
-  return classList.join(" ");
-};
-export {
-  computedAvatarClass,
-  handleError
-};

package/avatar/vue.js

@@ -1,22 +0,0 @@
-import "../chunk-G2ADBYYC.js";
-import { computedAvatarClass, handleError } from "./index";
-const api = ["state", "handleError"];
-const renderless = (props, { computed, reactive }, { constants }) => {
-  const api2 = {
-    computedAvatarClass: computedAvatarClass(constants)
-  };
-  const state = reactive({
-    isSrcImageExist: true,
-    isDefaultImageExist: true,
-    avatarClass: computed(() => api2.computedAvatarClass(props))
-  });
-  Object.assign(api2, {
-    state,
-    handleError: handleError({ props, state })
-  });
-  return api2;
-};
-export {
-  api,
-  renderless
-};

package/common/array.js

@@ -1,115 +0,0 @@
-import {
-  __spreadValues
-} from "../chunk-G2ADBYYC.js";
-import { SORT } from "./index";
-import { isSame } from "./type";
-import { getObj } from "./object";
-const indexOf = (arr, data, predicate = isSame) => {
-  if (Array.isArray(arr) && typeof predicate === "function") {
-    for (let i = 0, len = arr.length; i < len; i++) {
-      if (predicate(arr[i], data)) {
-        return i;
-      }
-    }
-  }
-  return -1;
-};
-const find = (arr, predicate) => {
-  const index = indexOf(arr, void 0, predicate);
-  return index !== -1 ? arr[index] : void 0;
-};
-const remove = (arr, data, count = 1) => {
-  if (Array.isArray(arr) && arr.length) {
-    const index = indexOf(arr, data);
-    if (index > -1) {
-      arr.splice(index, count);
-    }
-  }
-  return arr;
-};
-const sort = (arr, field, sort2 = SORT.Asc) => {
-  if (Array.isArray(arr) && arr.length > 1) {
-    arr.sort((x, y) => {
-      const compare = sort2 === SORT.Asc ? [1, -1] : [-1, 1];
-      const xField = getObj(x, field);
-      const yField = getObj(y, field);
-      if (isNaN(xField)) {
-        return sort2 === SORT.Asc ? 1 : -1;
-      } else if (isNaN(yField)) {
-        return -1;
-      }
-      return xField > yField ? compare[0] : compare[1];
-    });
-  }
-  return arr;
-};
-const push = (arr, data) => {
-  if (Array.isArray(arr) && !arr.some((value) => isSame(value, data))) {
-    arr.push(data);
-  }
-  return arr;
-};
-const unique = (arr) => {
-  if (Array.isArray(arr)) {
-    const array = [];
-    for (let i = 0, len = arr.length; i < len; i++) {
-      const value = arr[i];
-      if (indexOf(array, value) === -1) {
-        array.push(value);
-      }
-    }
-    return array;
-  }
-  return arr;
-};
-const extend = (to, _from) => {
-  Object.keys(_from).forEach((key) => to[key] = _from[key]);
-  return to;
-};
-const toObject = (arr) => {
-  const res = {};
-  for (let i = 0; i < arr.length; i++) {
-    if (arr[i]) {
-      extend(res, arr[i]);
-    }
-  }
-  return res;
-};
-const transformPidToChildren = (data, pidName = "pId", childrenName = "children", idName = "id") => {
-  const result = [];
-  Array.isArray(data) && data.forEach((item) => {
-    if (item[pidName] == "0") {
-      result.push(item);
-    } else {
-      const parent = find(data, (i) => i[idName] == item[pidName]);
-      if (!parent) {
-        return;
-      }
-      if (!parent[childrenName]) {
-        parent[childrenName] = [];
-      }
-      parent[childrenName].push(item);
-    }
-    delete item[pidName];
-  });
-  return result;
-};
-const transformTreeData = (data, key = "id", parentKey = "pId") => {
-  if (!Array.isArray(data)) {
-    data = [data];
-  }
-  data = data.map((item) => __spreadValues({}, item));
-  const treeData = transformPidToChildren(data, parentKey, "children", key);
-  return treeData;
-};
-export {
-  find,
-  indexOf,
-  push,
-  remove,
-  sort,
-  toObject,
-  transformPidToChildren,
-  transformTreeData,
-  unique
-};