@opentiny/vue-renderless 3.10.7 → 3.11.0

package/user-head/vue.js

@@ -1,33 +1,36 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   computedMessage,
   computedStyle,
   computedFontSize,
   computedLabel,
   getInternalValue,
-  computedSize
+  handleClick,
+  mouseEnter
 } from "./index";
-const api = ["state"];
-const renderless = (props, { reactive, computed }) => {
-  const api2 = {
-    computedMessage: computedMessage(props),
-    getInternalValue: getInternalValue(props)
-  };
+const api = ["state", "handleClick", "mouseEnter"];
+const renderless = (props, { reactive, computed, inject }, { mode, emit }) => {
+  const groupSize = inject("groupSize", null);
   const state = reactive({
     internalValue: computed(() => api2.getInternalValue()),
     label: computed(() => api2.computedLabel()),
     style: computed(() => api2.computedStyle()),
     message: computed(() => api2.computedMessage()),
     fontSize: computed(() => api2.computedFontSize()),
-    size: computed(() => api2.computedSize())
+    size: groupSize || props.size,
+    color: inject("color", null) || props.color,
+    backgroundColor: inject("backgroundColor", null) || props.backgroundColor
   });
-  Object.assign(api2, {
+  const api2 = {
     state,
     computedLabel: computedLabel({ state, props }),
     computedStyle: computedStyle({ state, props }),
-    computedFontSize: computedFontSize({ props, state }),
-    computedSize: computedSize({ props, state })
-  });
+    computedMessage: computedMessage({ props }),
+    computedFontSize: computedFontSize({ props, state, mode }),
+    getInternalValue: getInternalValue({ props }),
+    handleClick: handleClick(emit),
+    mouseEnter: mouseEnter(emit)
+  };
   return api2;
 };
 export {

package/user-head-group/index.js

@@ -0,0 +1,20 @@
+import "../chunk-G2ADBYYC.js";
+const getHorizontalWidth = (props) => () => {
+  if (props.showMax) {
+    return props.groupSize * 6 + 12 - (props.groupSize + 2) / 4 * 5;
+  }
+  return props.groupSize * 4 + 8 - (props.groupSize + 2) / 4 * 3;
+};
+const getMinHeight = (props) => () => props.groupSize * 2 + 2;
+const getWidth = (props) => () => props.groupSize * 2 + 2;
+const getHorizontalLeft = (props) => () => (props.groupSize + 2) / 4;
+const handleClick = (emit) => (event) => emit("click", event);
+const mouseEnter = (emit) => (event) => emit("mouseenter", event);
+export {
+  getHorizontalLeft,
+  getHorizontalWidth,
+  getMinHeight,
+  getWidth,
+  handleClick,
+  mouseEnter
+};

package/user-head-group/vue.js

@@ -1,14 +1,27 @@
-import "../chunk-PKUHTIDK.js";
-const api = ["state"];
-const renderless = (props, { reactive, provide }) => {
+import "../chunk-G2ADBYYC.js";
+import { getWidth, getMinHeight, getHorizontalWidth, getHorizontalLeft, handleClick, mouseEnter } from "./index";
+const api = ["state", "handleClick", "mouseEnter"];
+const renderless = (props, { reactive, provide, computed }, { emit }) => {
   const state = reactive({
     groupSize: props.groupSize,
-    list: props.list
+    list: props.list,
+    width: computed(() => api2.getWidth()),
+    minHeight: computed(() => api2.getMinHeight()),
+    horizontalWidth: computed(() => api2.getHorizontalWidth()),
+    horizontalLeft: computed(() => api2.getHorizontalLeft())
   });
   const api2 = {
-    state
+    state,
+    getWidth: getWidth(props),
+    getMinHeight: getMinHeight(props),
+    getHorizontalWidth: getHorizontalWidth(props),
+    getHorizontalLeft: getHorizontalLeft(props),
+    handleClick: handleClick(emit),
+    mouseEnter: mouseEnter(emit)
   };
   provide("groupSize", state.groupSize);
+  provide("color", props.color);
+  provide("backgroundColor", props.backgroundColor);
   return api2;
 };
 export {

package/user-link/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const initUser = ({ api, props, state }) => (value) => {
   if (!value) {
     state.user = value;

package/user-link/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { getUsers, cacheUser, saveCache, initService, syncCacheIds } from "../user";
 import { initUser, showCard, showDetail, computedTextField, computedValueField } from "./index";
 const api = ["state", "showCard", "showDetail"];

package/wheel/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { cloneDeep } from "../chart-core/deps/utils";
 const created = (api) => () => {
   api.loadPickerData();

package/wheel/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   created,
   loadPickerData,

package/wizard/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { format } from "../common/date";
 import { copyArray, extend } from "../common/object";
 import { isObject } from "../common/type";

package/wizard/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   btnSaveHandle,
   nodeClick,
@@ -22,7 +22,6 @@ const renderless = (props, { onMounted, reactive }, { emit, constants }) => {
   const state = reactive({
     datas: props.data,
     submitShow: false,
-    showIndex: null,
     doing: constants.DOING_STATUS,
     ready: constants.READY_STATUS,
     wait: constants.WAIT_STATUS

package/year-range/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { isDate, nextYear, nextMonth } from "../common/deps/date-util";
 import { DATEPICKER } from "../common";
 const calcDefaultValue = (value) => {
@@ -7,7 +7,7 @@ const calcDefaultValue = (value) => {
   } else if (value) {
     return [new Date(value), nextMonth(new Date(value))];
   }
-  return [new Date(), nextMonth(new Date())];
+  return [/* @__PURE__ */ new Date(), nextMonth(/* @__PURE__ */ new Date())];
 };
 const watchValue = ({ state }) => (data) => {
   if (!data) {

package/year-range/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   handleChangeRange,
   resetView,
@@ -32,8 +32,8 @@ const initState = ({ reactive, computed, api: api2, t }) => {
     defaultTime: null,
     minDate: "",
     maxDate: "",
-    leftDate: new Date(),
-    rightDate: nextYear(new Date()),
+    leftDate: /* @__PURE__ */ new Date(),
+    rightDate: nextYear(/* @__PURE__ */ new Date()),
     rangeState: { startDate: null, endDate: null, selecting: false, row: null, column: null },
     shortcuts: "",
     visible: "",
@@ -41,7 +41,7 @@ const initState = ({ reactive, computed, api: api2, t }) => {
     format: "",
     arrowControl: false,
     unlinkPanels: false,
-    leftStartYear: Math.floor(new Date().getFullYear() / 10) * 10,
+    leftStartYear: Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 10) * 10,
     rightStartYear: computed(() => state.leftStartYear + DATEPICKER.PanelYearNum),
     btnDisabled: computed(
       () => !(state.minDate && state.maxDate && !state.selecting && api2.isValidValue([state.minDate, state.maxDate]))

package/year-table/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { toDate } from "../common/date";
 import { hasClass } from "../common/deps/dom";
 import { range, nextDate, getDayCountOfYear } from "../common/deps/date-util";
@@ -13,7 +13,7 @@ const getCellStyle = ({ props }) => (cell) => {
   const { defaultValue } = props;
   const year = cell.text;
   const style = {};
-  const today = new Date();
+  const today = /* @__PURE__ */ new Date();
   style.disabled = typeof props.disabledDate === "function" ? datesInYear(year).every(props.disabledDate) : false;
   const execDate = typeof props.value === "object" ? props.value : toDate(props.value);
   style.current = arrayFindIndex(coerceTruthyValueToArray(execDate), (date) => date.getFullYear() === year) >= 0;
@@ -46,7 +46,7 @@ const getRows = ({ props, state, vm }) => () => {
   const { tableRows } = state;
   const { minDate, maxDate, disabledDate, startYear, selectionMode } = props;
   const selectedDate = [];
-  const now = new Date().getFullYear();
+  const now = (/* @__PURE__ */ new Date()).getFullYear();
   for (let i = 0; i < 3; i++) {
     const row = tableRows[i];
     for (let j = 0; j < 4; j++) {

package/year-table/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { getRows, getCellStyle, handleYearTableClick, watchDate, markRange, handleMouseMove } from "./index";
 const api = ["state", "handleYearTableClick", "getCellStyle", "handleMouseMove"];
 const renderless = (props, { computed, reactive, watch }, { emit, vm }) => {