@opentiny/vue-renderless 3.6.8 → 3.8.2

package/cascader-select/index.js

@@ -0,0 +1,179 @@
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunk-PKUHTIDK.js";
+const normalRange = (value, min, max) => value < min ? min : value > max ? max : value;
+const sliceValue = (value, min, max, count, cycleRoll) => {
+  value = normalRange(value, min, max);
+  const values = [value];
+  const tmpArr = Array.from({ length: rightShift(count) });
+  const prev = () => cycleRoll ? tVal + max - min + 1 : null;
+  const next = () => cycleRoll ? tVal - max + min - 1 : null;
+  let tVal;
+  tmpArr.map((v, i) => values.unshift((tVal = value - i - 1) < min ? prev() : tVal));
+  tmpArr.map((v, i) => values.push((tVal = value + i + 1) > max ? next() : tVal));
+  return values;
+};
+const validArr = (arr) => Array.isArray(arr) && arr.length;
+const validProps = (props) => {
+  const { modelValue, options } = props;
+  return validArr(modelValue) && validArr(options) && modelValue.length === options.length;
+};
+const rightShift = (count) => count >>> 1;
+const getFont = (pos, count) => Math.abs(rightShift(count) + 1 - pos);
+const parseType = (props) => (values) => {
+  const { valueType } = props;
+  return values.map(valueType === "number" ? Number : valueType === "string" ? String : (i) => i);
+};
+const init = ({ api, props, state }) => (valuesCopy) => {
+  if (!validProps(props))
+    return;
+  const { modelValue, options, cycleRoll, valueField, textField } = props;
+  const { visibleOptionCount } = state;
+  let { disabled } = props;
+  disabled = typeof disabled === "function" ? disabled : () => false;
+  const values = api.parseType(valuesCopy || modelValue.slice(0));
+  const types = Array.from({ length: values.length });
+  const ranges = Array.from({ length: values.length });
+  const indices = Array.from({ length: values.length });
+  const visibleOptions = options.map((opt, i) => {
+    let slicedValues, existOption;
+    if (Array.isArray(opt)) {
+      if (opt.length === 0)
+        return [];
+      let index = opt.findIndex((item) => item[valueField] === values[i]);
+      index = index === -1 ? 0 : index;
+      types[i] = "a";
+      ranges[i] = [0, opt.length - 1];
+      indices[i] = index;
+      slicedValues = sliceValue(index, 0, opt.length - 1, visibleOptionCount, cycleRoll);
+      existOption = (i2) => __spreadProps(__spreadValues({}, opt[i2]), { disabled: disabled(opt[i2][valueField], ...values) });
+    } else if (opt && typeof opt === "object") {
+      let range;
+      if (Array.isArray(opt.range)) {
+        range = opt.range.slice(0, 2);
+      } else if (typeof opt.rangeMethod === "function") {
+        range = opt.rangeMethod(...values);
+      }
+      types[i] = "o";
+      ranges[i] = api.parseType(range);
+      slicedValues = sliceValue(values[i], ranges[i][0], ranges[i][1], visibleOptionCount, cycleRoll);
+      existOption = (i2) => opt.optionMethod(i2, ...values);
+    }
+    if (!slicedValues || !existOption)
+      return [];
+    return slicedValues.map((slicedValue, i2) => {
+      const option = slicedValue === null ? { [valueField]: null, [textField]: "" } : existOption(slicedValue);
+      option._$font = getFont(i2 + 1, visibleOptionCount);
+      option._$status = option.disabled ? "disabled" : option._$font === 0 ? "focus" : "normal";
+      return option;
+    });
+  });
+  state.selectorCount = values.length;
+  values.map((value, i) => {
+    const index = indices[i];
+    const opts = options[i];
+    const vOpts = visibleOptions[i];
+    state[`selector${i}`] = { index, options: opts, ranges, types, value, values, visibleOptions: vOpts };
+  });
+};
+const calcSelector = (api) => (cycleRoll, dy, pos, selector, valueField) => {
+  const { index, options, ranges, types, value, values } = selector;
+  const valuesCopy = values.slice(0);
+  const sRange = ranges[pos];
+  const sType = types[pos];
+  let sVal = sType === "o" ? value : sType === "a" ? index : null;
+  const f = (arr) => arr[0];
+  const l = (arr) => arr[arr.length - 1];
+  const noop = () => sVal;
+  const prev = () => cycleRoll && sVal === f(sRange) ? l(sRange) : sVal - 1;
+  const next = () => cycleRoll && sVal === l(sRange) ? f(sRange) : sVal + 1;
+  sVal = dy > 0 ? prev() : dy < 0 ? next() : noop();
+  sVal = normalRange(sVal, ...sRange);
+  if (sType === "a") {
+    sVal = options[sVal][valueField];
+  }
+  if (sVal !== value) {
+    valuesCopy.splice(pos, 1, sVal);
+    api.init(valuesCopy);
+  }
+};
+const handleTouchstart = (state) => (e) => {
+  const { clientY } = e.changedTouches[0];
+  state.touching = true;
+  state.touchStartPos = state.touchPos = { clientY };
+  state.accrueDy = 0;
+};
+const handleTouchend = (state) => () => {
+  state.touching = false;
+  state.touchStartPos = state.touchPos = {};
+  state.accrueDy = 0;
+};
+const handleTouchmove = ({ api, props, state }) => (e, pos) => {
+  if (!state.touching)
+    return;
+  const { cycleRoll, valueField } = props;
+  const { touchPos, optionHeight } = state;
+  const { clientY } = e.changedTouches[0];
+  const dy = clientY - touchPos.clientY;
+  state.touchPos = { clientY };
+  state.accrueDy += dy;
+  const absDy = Math.abs(state.accrueDy);
+  const threshold = optionHeight / 4;
+  if (absDy > threshold) {
+    const selector = state[`selector${pos}`];
+    api.calcSelector(cycleRoll, state.accrueDy, pos, selector, valueField);
+    state.accrueDy = 0;
+  }
+};
+const watchActionSheetVisible = ({ emit, state, vm }) => (visible) => {
+  emit("update:visible", visible);
+  if (!visible)
+    return;
+  setTimeout(() => {
+    const optionRef = vm.$el.querySelector('[data-tag="tiny-mobile-cs-option"]');
+    optionRef && (state.optionHeight = optionRef.offsetHeight);
+  });
+};
+const close = (state) => () => state.actionSheetVisible && (state.actionSheetVisible = false);
+const confirm = ({ api, emit, props, state, vm }) => () => {
+  const { confirmDisabled } = state;
+  if (confirmDisabled)
+    return;
+  const { modelValue } = props;
+  let focusOpts = vm.$el.querySelectorAll('[date-status="focus"]');
+  let values;
+  if (focusOpts && focusOpts.length) {
+    focusOpts = [...focusOpts];
+    values = focusOpts.map((focusOpt) => focusOpt.dataset.option);
+    values = api.parseType(values);
+  }
+  if (validArr(values) && validArr(modelValue) && values.length === modelValue.length && values.join() !== modelValue.join()) {
+    emit("update:modelValue", values);
+  }
+  api.close();
+};
+const styleOpt = (option) => option._$font;
+const statusOpt = (option) => option._$status;
+const computedConfirmDisabled = (state) => () => {
+  const { selectorCount, visibleOptionCount } = state;
+  const interOpts = Array.from({ length: selectorCount }).map((v, i) => {
+    const vOpts = state[`selector${i}`].visibleOptions;
+    return vOpts[rightShift(visibleOptionCount)];
+  });
+  return interOpts.some((opt) => opt.disabled);
+};
+export {
+  calcSelector,
+  close,
+  computedConfirmDisabled,
+  confirm,
+  handleTouchend,
+  handleTouchmove,
+  handleTouchstart,
+  init,
+  parseType,
+  statusOpt,
+  styleOpt,
+  watchActionSheetVisible
+};

package/cascader-select/vue.js

@@ -0,0 +1,74 @@
+import "../chunk-PKUHTIDK.js";
+import {
+  init,
+  handleTouchstart,
+  handleTouchend,
+  handleTouchmove,
+  watchActionSheetVisible,
+  calcSelector,
+  close,
+  confirm,
+  styleOpt,
+  statusOpt,
+  computedConfirmDisabled,
+  parseType
+} from "./index";
+import throttle from "../common/deps/throttle";
+const api = [
+  "state",
+  "handleTouchstart",
+  "handleTouchend",
+  "throttledHandleTouchmove",
+  "close",
+  "confirm",
+  "styleOpt",
+  "statusOpt"
+];
+const renderless = (props, { reactive, computed, onBeforeMount, watch }, { emit, vm }) => {
+  const state = reactive({
+    actionSheetVisible: false,
+    visibleOptionCount: 5,
+    selectorCount: 1,
+    selector0: {},
+    selector1: {},
+    selector2: {},
+    confirmDisabled: computed(() => api2.computedConfirmDisabled())
+  });
+  const api2 = {
+    state,
+    styleOpt,
+    statusOpt,
+    handleTouchstart: handleTouchstart(state),
+    handleTouchend: handleTouchend(state),
+    watchActionSheetVisible: watchActionSheetVisible({ emit, state, vm }),
+    close: close(state),
+    computedConfirmDisabled: computedConfirmDisabled(state),
+    parseType: parseType(props)
+  };
+  Object.assign(api2, {
+    init: init({ api: api2, props, state }),
+    throttledHandleTouchmove: throttle(20, handleTouchmove({ api: api2, props, state })),
+    calcSelector: calcSelector(api2),
+    confirm: confirm({ api: api2, emit, props, state, vm })
+  });
+  onBeforeMount(() => {
+    api2.init();
+  });
+  watch(
+    () => props.visible,
+    (value) => state.actionSheetVisible = value
+  );
+  watch(
+    () => props.modelValue,
+    (value) => api2.init(value)
+  );
+  watch(
+    () => state.actionSheetVisible,
+    (value) => api2.watchActionSheetVisible(value)
+  );
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/cell/vue.js

@@ -0,0 +1,16 @@
+import "../chunk-PKUHTIDK.js";
+const api = ["state"];
+const renderless = (props, { reactive, computed, inject }, { parent }) => {
+  parent.tinyForm = parent.tinyForm || inject("form", null);
+  const state = reactive({
+    isDisplayOnly: computed(() => (parent.tinyForm || {}).displayOnly)
+  });
+  const api2 = {
+    state
+  };
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/chart-bar/index.js

@@ -2,9 +2,9 @@ import {
   __spreadProps,
   __spreadValues
 } from "../chunk-PKUHTIDK.js";
-import { getFormated, getStackMap, get, set, cloneDeep } from "@opentiny/vue-renderless/chart-core/deps/utils";
-import { itemPoint, itemLabel, itemContent } from "@opentiny/vue-renderless/chart-core/deps/constants";
-import { isNull } from "@opentiny/vue-renderless/common/type";
+import { getFormated, getStackMap, get, set, cloneDeep } from "../chart-core/deps/utils";
+import { itemPoint, itemLabel, itemContent } from "../chart-core/deps/constants";
+import { isNull } from "../common/type";
 const VALUE_AXIS_OPACITY = 0.5;
 const getValueAxisData = (dims) => {
   const max = Math.max(...dims);

package/chart-boxplot/index.js

@@ -1,8 +1,8 @@
 import {
   __spreadValues
 } from "../chunk-PKUHTIDK.js";
-import { getFormated, htmlHandler, getLegend } from "@opentiny/vue-renderless/chart-core/deps/utils";
-import { itemPoint, itemLabel, itemContent } from "@opentiny/vue-renderless/chart-core/deps/constants";
+import { getFormated, htmlHandler, getLegend } from "../chart-core/deps/utils";
+import { itemPoint, itemLabel, itemContent } from "../chart-core/deps/constants";
 const getXAxis = (args) => {
   const { columns, xAxisName, axisVisible, xAxisType } = args;
   return [

package/chart-candle/index.js

@@ -1,7 +1,7 @@
 import "../chunk-PKUHTIDK.js";
-import { getFormated } from "@opentiny/vue-renderless/chart-core/deps/utils";
-import { itemPoint, itemLabel, itemContent } from "@opentiny/vue-renderless/chart-core/deps/constants";
-import { isNull } from "@opentiny/vue-renderless/common/type";
+import { getFormated } from "../chart-core/deps/utils";
+import { itemPoint, itemLabel, itemContent } from "../chart-core/deps/constants";
+import { isNull } from "../common/type";
 const DEF_MA = [5, 10, 20, 30];
 const DEF_DOWN_COLOR = "#eb171f";
 const DEF_UP_COLOR = "#00a874";

package/chart-core/deps/utils.js

@@ -2,14 +2,14 @@ import {
   __spreadProps,
   __spreadValues
 } from "../../chunk-PKUHTIDK.js";
-import { extend, copyArray } from "@opentiny/vue-renderless/common/object";
-import { isObject, typeOf as getType, isNull } from "@opentiny/vue-renderless/common/type";
-import _debounce from "@opentiny/vue-renderless/common/deps/debounce";
+import { extend, copyArray } from "../../common/object";
+import { isObject, typeOf as getType, isNull } from "../../common/type";
+import _debounce from "../../common/deps/debounce";
 import _numerify from "./numerify";
-import { escapeHtml } from "@opentiny/vue-renderless/common/string";
-import { xss } from "@opentiny/vue-renderless/common";
-import { setObj, getObj, isEqual } from "@opentiny/vue-renderless/common/object";
-import { typeOf, isObject as isObject2 } from "@opentiny/vue-renderless/common/type";
+import { escapeHtml } from "../../common/string";
+import { xss } from "../../common";
+import { setObj, getObj, isEqual } from "../../common/object";
+import { typeOf, isObject as isObject2 } from "../../common/type";
 const debounce = (callback, delay) => _debounce(delay, false, callback);
 const camelToKebab = (str) => str.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 const cloneDeep = (data) => {

package/chart-core/index.js

@@ -1,7 +1,7 @@
 import {
   __spreadValues
 } from "../chunk-PKUHTIDK.js";
-import { on, off } from "@opentiny/vue-renderless/common/deps/dom";
+import { on, off } from "../common/deps/dom";
 import { DEFAULT_COLORS, DEFAULT_THEME, STATIC_PROPS, ECHARTS_SETTINGS, SAAS_DEFAULT_COLORS_10, SAAS_DEFAULT_COLORS_18, DEFAULT_CONFIG } from "./deps/constants";
 import { getType, debounce, isObject, cloneDeep, isEqual, htmlHandler } from "./deps/utils";
 import setAnimation from "./modules/animation";
@@ -230,7 +230,7 @@ const init = ({ state, props, api, refs, echartsLib, markRaw }) => () => {
     ictThemeName.line = settings.line;
   }
   const themeName = props.themeName || props.theme || DEFAULT_THEME;
-  state.echarts = markRaw(echartsLib.init(refs.canvas, themeName, __spreadValues(__spreadValues({}, themeName), ictThemeName), props.initOptions));
+  state.echarts = markRaw(echartsLib.init(refs.canvas, __spreadValues(__spreadValues({}, themeName), ictThemeName), props.initOptions));
   if (props.data) {
     api.changeHandler();
   }

package/chart-funnel/index.js

@@ -1,7 +1,7 @@
 import "../chunk-PKUHTIDK.js";
-import { getFormated } from "@opentiny/vue-renderless/chart-core/deps/utils";
-import { itemPoint, itemLabel, itemContent } from "@opentiny/vue-renderless/chart-core/deps/constants";
-import { isNull } from "@opentiny/vue-renderless/common/type";
+import { getFormated } from "../chart-core/deps/utils";
+import { itemPoint, itemLabel, itemContent } from "../chart-core/deps/constants";
+import { isNull } from "../common/type";
 const getFunnelTooltip = (dataType, digit) => {
   function formatter(item) {
     let tpl = [];

package/chart-gauge/index.js

@@ -1,7 +1,7 @@
 import "../chunk-PKUHTIDK.js";
-import { getFormated, isObject } from "@opentiny/vue-renderless/chart-core/deps/utils";
-import { isNull } from "@opentiny/vue-renderless/common/type";
-import { itemLabel, itemContent } from "@opentiny/vue-renderless/chart-core/deps/constants";
+import { getFormated, isObject } from "../chart-core/deps/utils";
+import { isNull } from "../common/type";
+import { itemLabel, itemContent } from "../chart-core/deps/constants";
 const getTooltip = (args) => {
   const { dataType, digit, tooltipFormatter } = args;
   return {

package/chart-graph/index.js

@@ -1,5 +1,5 @@
 import "../chunk-PKUHTIDK.js";
-import { itemPoint, itemLabel, itemContent } from "@opentiny/vue-renderless/chart-core/deps/constants";
+import { itemPoint, itemLabel, itemContent } from "../chart-core/deps/constants";
 const getTooltip = () => ({
   trigger: "item",
   formatter(item) {

package/chart-heatmap/index.js

@@ -1,8 +1,8 @@
 import {
   __spreadValues
 } from "../chunk-PKUHTIDK.js";
-import { getFormated, getBmap, getAmap, getMapJSON } from "@opentiny/vue-renderless/chart-core/deps/utils";
-import { HEAT_MAP_COLOR, itemPoint, itemLabel, itemContent } from "@opentiny/vue-renderless/chart-core/deps/constants";
+import { getFormated, getBmap, getAmap, getMapJSON } from "../chart-core/deps/utils";
+import { HEAT_MAP_COLOR, itemPoint, itemLabel, itemContent } from "../chart-core/deps/constants";
 const getAxisList = (rows, label) => {
   const result = [];
   rows.forEach((row) => !result.includes(row[label]) && result.push(row[label]));

package/chart-line/index.js

@@ -2,9 +2,9 @@ import {
   __spreadProps,
   __spreadValues
 } from "../chunk-PKUHTIDK.js";
-import { getFormated, getStackMap, getLegend, hexToRgb, set } from "@opentiny/vue-renderless/chart-core/deps/utils";
-import { isNull } from "@opentiny/vue-renderless/common/type";
-import { itemPoint, itemLabel, itemContent, SAAS_DEFAULT_COLORS_10 } from "@opentiny/vue-renderless/chart-core/deps/constants";
+import { getFormated, getStackMap, getLegend, hexToRgb, set } from "../chart-core/deps/utils";
+import { isNull } from "../common/type";
+import { itemPoint, itemLabel, itemContent, SAAS_DEFAULT_COLORS_10 } from "../chart-core/deps/constants";
 const getLineXAxis = (args) => {
   const { xAxisType, dimension, rows, xAxisName, axisVisible } = args;
   return dimension.map((item, idx) => ({

package/chart-liquidfill/index.js

@@ -1,6 +1,6 @@
 import "../chunk-PKUHTIDK.js";
-import { getFormated, isObject } from "@opentiny/vue-renderless/chart-core/deps/utils";
-import { itemLabel, itemContent } from "@opentiny/vue-renderless/chart-core/deps/constants";
+import { getFormated, isObject } from "../chart-core/deps/utils";
+import { itemLabel, itemContent } from "../chart-core/deps/constants";
 const isArr = Array.isArray;
 const getTooltip = (args) => {
   const { tooltipFormatter, dataType, digit } = args;

package/chart-map/index.js

@@ -1,9 +1,9 @@
 import {
   __spreadValues
 } from "../chunk-PKUHTIDK.js";
-import { getFormated, getMapJSON, getLegend as getLegendMap } from "@opentiny/vue-renderless/chart-core/deps/utils";
-import { itemPoint, itemLabel, itemContent } from "@opentiny/vue-renderless/chart-core/deps/constants";
-import { isNull } from "@opentiny/vue-renderless/common/type";
+import { getFormated, getMapJSON, getLegend as getLegendMap } from "../chart-core/deps/utils";
+import { itemPoint, itemLabel, itemContent } from "../chart-core/deps/constants";
+import { isNull } from "../common/type";
 const getTooltip = ({ dataType, digit, dataStore, metrics, color, labelMap }) => {
   function formatter(item) {
     let tplt = [];

package/chart-pie/index.js

@@ -1,9 +1,9 @@
 import {
   __spreadValues
 } from "../chunk-PKUHTIDK.js";
-import { getFormated, setArrayValue, cloneDeep } from "@opentiny/vue-renderless/chart-core/deps/utils";
-import { itemPoint, itemLabel, itemContent } from "@opentiny/vue-renderless/chart-core/deps/constants";
-import { isNull } from "@opentiny/vue-renderless/common/type";
+import { getFormated, setArrayValue, cloneDeep } from "../chart-core/deps/utils";
+import { itemPoint, itemLabel, itemContent } from "../chart-core/deps/constants";
+import { isNull } from "../common/type";
 const pieRadius = 100;
 const ringRadius = [90, 100];
 const roseRingRadius = [20, 100];

package/chart-radar/index.js

@@ -1,7 +1,7 @@
 import "../chunk-PKUHTIDK.js";
-import { getFormated } from "@opentiny/vue-renderless/chart-core/deps/utils";
-import { itemPoint, itemLabel, itemContent } from "@opentiny/vue-renderless/chart-core/deps/constants";
-import { isNull } from "@opentiny/vue-renderless/common/type";
+import { getFormated } from "../chart-core/deps/utils";
+import { itemPoint, itemLabel, itemContent } from "../chart-core/deps/constants";
+import { isNull } from "../common/type";
 const getRadarLegend = (rows, dimension, legendName) => {
   let legendData = rows.map((row) => row[dimension]);
   function formatter(name) {

package/chart-sankey/index.js

@@ -2,9 +2,9 @@ import {
   __spreadProps,
   __spreadValues
 } from "../chunk-PKUHTIDK.js";
-import { getFormated } from "@opentiny/vue-renderless/chart-core/deps/utils";
-import { itemPoint, itemLabel, itemContent } from "@opentiny/vue-renderless/chart-core/deps/constants";
-import { isNull } from "@opentiny/vue-renderless/common/type";
+import { getFormated } from "../chart-core/deps/utils";
+import { itemPoint, itemLabel, itemContent } from "../chart-core/deps/constants";
+import { isNull } from "../common/type";
 const getTooltip = (args) => {
   const { digit, itemDataType, linksDataType } = args;
   const formatter = function(item) {

package/chart-scatter/index.js

@@ -1,10 +1,10 @@
 import {
   __spreadValues
 } from "../chunk-PKUHTIDK.js";
-import { getFormated, hexToRgb } from "@opentiny/vue-renderless/chart-core/deps/utils";
-import { itemPoint, itemLabel, itemContent } from "@opentiny/vue-renderless/chart-core/deps/constants";
-import { line } from "@opentiny/vue-renderless/chart-line";
-import { isNull } from "@opentiny/vue-renderless/common/type";
+import { getFormated, hexToRgb } from "../chart-core/deps/utils";
+import { itemPoint, itemLabel, itemContent } from "../chart-core/deps/constants";
+import { line } from "../chart-line";
+import { isNull } from "../common/type";
 const getScatterLegend = (dataLabels, legendName) => {
   function formatter(name) {
     return isNull(legendName[name]) ? name : legendName[name];

package/chart-sunburst/index.js

@@ -1,5 +1,5 @@
 import "../chunk-PKUHTIDK.js";
-import { itemPoint, itemLabel, itemContent } from "@opentiny/vue-renderless/chart-core/deps/constants";
+import { itemPoint, itemLabel, itemContent } from "../chart-core/deps/constants";
 const getTooltip = () => ({
   trigger: "item",
   formatter(item) {

package/chart-tree/index.js

@@ -1,6 +1,6 @@
 import "../chunk-PKUHTIDK.js";
-import { isObject } from "@opentiny/vue-renderless/chart-core/deps/utils";
-import { itemLabel, itemContent, SAAS_DEFAULT_COLORS_10 } from "@opentiny/vue-renderless/chart-core/deps/constants";
+import { isObject } from "../chart-core/deps/utils";
+import { itemLabel, itemContent, SAAS_DEFAULT_COLORS_10 } from "../chart-core/deps/constants";
 const getTreeLegend = (args) => {
   const { dimension, rows } = args;
   const result = rows.map((row) => row[dimension]);

package/chart-waterfall/index.js

@@ -2,9 +2,9 @@ import {
   __spreadProps,
   __spreadValues
 } from "../chunk-PKUHTIDK.js";
-import { getFormated } from "@opentiny/vue-renderless/chart-core/deps/utils";
-import { isNull } from "@opentiny/vue-renderless/common/type";
-import { itemLabel, itemContent, SAAS_DEFAULT_COLORS_10 } from "@opentiny/vue-renderless/chart-core/deps/constants";
+import { getFormated } from "../chart-core/deps/utils";
+import { isNull } from "../common/type";
+import { itemLabel, itemContent, SAAS_DEFAULT_COLORS_10 } from "../chart-core/deps/constants";
 const getWaterfallTooltip = (dataType, digit) => {
   let trigger = "axis";
   let axisPointer = { type: "shadow" };

package/chart-wordcloud/index.js

@@ -1,6 +1,6 @@
 import "../chunk-PKUHTIDK.js";
-import { random } from "@opentiny/vue-renderless/common/string";
-import { itemLabel, itemContent } from "@opentiny/vue-renderless/chart-core/deps/constants";
+import { random } from "../common/string";
+import { itemLabel, itemContent } from "../chart-core/deps/constants";
 const isArr = Array.isArray;
 const getSeries = (args) => {
   const { color, dimension, metrics, rows, shape, sizeMax, sizeMin } = args;

package/checkbox/index.js

@@ -77,6 +77,23 @@ const toggleEvent = ({ parent, props, type }) => {
   const inputEl = parent.$el;
   Object.keys(props.events).forEach((ev) => inputEl[type + "EventListener"](ev, props.events[ev]));
 };
+const dispatchDisplayedValue = ({ state, api, dispatch }) => () => {
+  if (state.isDisplayOnly) {
+    dispatch("FormItem", "displayed-value-changed", {
+      type: "checkbox",
+      val: api.getDisplayedValue()
+    });
+  }
+};
+const getDisplayedValue = ({ vm, state, props }) => () => {
+  if (state.isChecked) {
+    return vm.$refs.label && vm.$refs.label.innerText || props.text || props.label;
+  } else {
+    return "";
+  }
+};
+const computedIsDisplayOnly = ({ state, props }) => () => props.displayOnly || state.formDisplayOnly;
+const computedIsGroupDisplayOnly = ({ state }) => () => state.isGroup && (state.checkboxGroup.displayOnly || state.formDisplayOnly);
 export {
   addToStore,
   computedCheckboxSize,
@@ -85,9 +102,13 @@ export {
   computedGetModelSet,
   computedIsChecked,
   computedIsDisabled,
+  computedIsDisplayOnly,
   computedIsGroup,
+  computedIsGroupDisplayOnly,
   computedIsLimitDisabled,
   computedStore,
+  dispatchDisplayedValue,
+  getDisplayedValue,
   handleChange,
   mounted,
   toggleEvent

package/checkbox/vue.js

@@ -15,10 +15,14 @@ import {
   computedFormItemSize,
   computedCheckboxSize,
   mounted,
-  toggleEvent
+  toggleEvent,
+  dispatchDisplayedValue,
+  getDisplayedValue,
+  computedIsDisplayOnly,
+  computedIsGroupDisplayOnly
 } from "./index";
 const api = ["state", "handleChange"];
-const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, watch, inject }, { parent, emit, constants, nextTick, dispatch }) => {
+const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, watch, inject }, { vm, parent, emit, constants, nextTick, dispatch }) => {
   parent.tinyForm = parent.tinyForm || inject("form", null);
   const api2 = { dispatch };
   const state = reactive(__spreadProps(__spreadValues({}, { focus: false, selfModel: false, isLimitExceeded: false }), {
@@ -29,6 +33,9 @@ const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, wat
     checkboxSize: computed(() => api2.computedCheckboxSize()),
     isLimitDisabled: computed(() => api2.computedIsLimitDisabled()),
     formDisabled: computed(() => (parent.tinyForm || {}).disabled),
+    formDisplayOnly: computed(() => (parent.tinyForm || {}).displayOnly),
+    isDisplayOnly: computed(() => api2.computedIsDisplayOnly()),
+    isGroupDisplayOnly: computed(() => api2.computedIsGroupDisplayOnly()),
     model: computed({ get: () => api2.computedGetModelGet(), set: (value) => api2.computedGetModelSet(value) })
   }));
   Object.assign(api2, {
@@ -39,6 +46,8 @@ const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, wat
     computedIsChecked: computedIsChecked({ state, props }),
     computedIsLimitDisabled: computedIsLimitDisabled(state),
     computedIsDisabled: computedIsDisabled({ state, props }),
+    computedIsDisplayOnly: computedIsDisplayOnly({ state, props }),
+    computedIsGroupDisplayOnly: computedIsGroupDisplayOnly({ state }),
     computedGetModelGet: computedGetModelGet({ state, props }),
     computedIsGroup: computedIsGroup({ state, parent, constants }),
     computedGetModelSet: computedGetModelSet({ state, dispatch, emit, constants })
@@ -47,18 +56,22 @@ const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, wat
   api2.computedCheckboxSize = computedCheckboxSize({ state, props, formItemSize });
   Object.assign(api2, {
     mounted: mounted({ emit, props, api: api2, parent }),
-    handleChange: handleChange({ state, props, emit, nextTick, dispatch: api2.dispatch, constants })
+    handleChange: handleChange({ state, props, emit, nextTick, dispatch: api2.dispatch, constants }),
+    dispatchDisplayedValue: dispatchDisplayedValue({ state, api: api2, dispatch }),
+    getDisplayedValue: getDisplayedValue({ state, props, vm })
   });
   watch(
     () => props.modelValue,
     (value) => props.validateEvent && api2.dispatch(constants.FORM_ITEM, constants.FORM_CHANGE, value)
   );
+  watch(() => state.isDisplayOnly, api2.dispatchDisplayedValue);
   onBeforeUnmount(() => {
     toggleEvent({ parent, props, type: "remove" });
   });
   onMounted(() => {
     dispatch("Tooltip", "tooltip-update");
     toggleEvent({ parent, props, type: "add" });
+    api2.dispatchDisplayedValue();
     api2.mounted();
   });
   return api2;

package/checkbox-button/vue.js

@@ -10,7 +10,7 @@ import {
   computedIsDisabled,
   toggleEvent
 } from "./index";
-import { addToStore, computedIsChecked, computedStore, computedIsLimitDisabled } from "@opentiny/vue-renderless/checkbox";
+import { addToStore, computedIsChecked, computedStore, computedIsLimitDisabled } from "../checkbox";
 const api = ["state", "handleChange"];
 const initState = ({ reactive, computed, api: api2 }) => {
   const state = reactive({

package/collapse-item/vue.js

@@ -1,6 +1,6 @@
 import "../chunk-PKUHTIDK.js";
 import { handleFocus, handleEnterClick, handleHeaderClick } from "./index";
-import { guid } from "@opentiny/vue-renderless/common/string";
+import { guid } from "../common/string";
 const api = ["state", "isActive", "handleFocus", "handleEnterClick", "handleHeaderClick"];
 const renderless = (props, { computed, reactive }, { parent, constants, dispatch }) => {
   const _constants = parent.collapse._constants;