yc-pro-components 0.0.24 → 0.0.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (166) hide show
  1. package/es/components/check-card/index.d.ts +61 -61
  2. package/es/components/check-card/src/index.vue.d.ts +4 -4
  3. package/es/components/check-card-group/index.d.ts +43 -43
  4. package/es/components/check-card-group/src/index.vue.d.ts +3 -3
  5. package/es/components/date-picker/index.d.ts +10 -10
  6. package/es/components/date-picker/src/index.vue.d.ts +2 -2
  7. package/es/components/dialog/index.d.ts +26 -26
  8. package/es/components/dialog/src/index.vue.d.ts +2 -2
  9. package/es/components/dialog-form/index.d.ts +31 -31
  10. package/es/components/dialog-form/src/index.vue.d.ts +9 -9
  11. package/es/components/display-item/index.d.ts +41 -41
  12. package/es/components/display-item/src/index.vue.d.ts +22 -22
  13. package/es/components/drawer-form/index.d.ts +50 -50
  14. package/es/components/drawer-form/src/index.vue.d.ts +10 -10
  15. package/es/components/form/index.d.ts +64 -45
  16. package/es/components/form/src/form-content.vue.d.ts +24 -20
  17. package/es/components/form/src/form-content.vue2.mjs +106 -96
  18. package/es/components/form/src/index.vue.d.ts +20 -17
  19. package/es/components/form/src/index.vue2.mjs +5 -2
  20. package/es/components/form/src/type.d.ts +4 -0
  21. package/es/components/form-item/index.d.ts +42 -42
  22. package/es/components/form-item/src/index.vue.d.ts +12 -12
  23. package/es/components/form-item/src/index.vue2.mjs +22 -18
  24. package/es/components/header/index.d.ts +19 -19
  25. package/es/components/header/src/index.vue.d.ts +1 -1
  26. package/es/components/input-tag/index.d.ts +20 -20
  27. package/es/components/input-tag/src/index.vue.d.ts +8 -8
  28. package/es/components/layout/index.d.ts +30 -30
  29. package/es/components/layout/src/index.vue.d.ts +10 -10
  30. package/es/components/page/index.d.ts +587 -452
  31. package/es/components/page/src/index.vue.d.ts +199 -154
  32. package/es/components/pagination/index.d.ts +42 -42
  33. package/es/components/pagination/src/index.vue.d.ts +3 -3
  34. package/es/components/radio/index.d.ts +35 -35
  35. package/es/components/radio/src/index.vue.d.ts +27 -27
  36. package/es/components/render/index.d.ts +3 -3
  37. package/es/components/render/src/index.vue.d.ts +1 -1
  38. package/es/components/search/index.d.ts +218 -154
  39. package/es/components/search/src/index.vue.d.ts +68 -50
  40. package/es/components/search/src/index.vue2.mjs +3 -1
  41. package/es/components/search/src/type.d.ts +7 -0
  42. package/es/components/sidebar/index.d.ts +15 -15
  43. package/es/components/sidebar/src/index.vue.d.ts +5 -5
  44. package/es/components/steps-form/index.d.ts +23 -23
  45. package/es/components/steps-form/src/index.vue.d.ts +2 -2
  46. package/es/components/table/index.d.ts +54 -54
  47. package/es/components/table/src/index.vue.d.ts +18 -18
  48. package/es/components/table/src/table-column-drag-sort.vue.d.ts +18 -18
  49. package/es/components/table/src/table-column.vue.d.ts +37 -37
  50. package/es/components/utils/index.d.ts +2 -2
  51. package/es/components/yc-dialog/index.d.ts +24 -24
  52. package/es/components/yc-download-dialog/index.d.ts +19 -19
  53. package/es/components/yc-download-dialog/src/index.vue.d.ts +1 -1
  54. package/es/components/yc-form-container-header/index.d.ts +12 -12
  55. package/es/components/yc-more-actions/index.d.ts +46 -46
  56. package/es/components/yc-more-actions/src/index.vue.d.ts +3 -3
  57. package/es/components/yc-plus-page/src/index.vue.d.ts +450 -360
  58. package/es/components/yc-plus-page/src/index.vue.mjs +1 -1
  59. package/es/components/yc-plus-page/src/index.vue2.mjs +2 -15
  60. package/es/components/yc-segmented/index.d.ts +2 -2
  61. package/es/components/yc-segmented/src/index.d.ts +2 -2
  62. package/es/components/yc-select-v2/src/index.vue.d.ts +3 -3
  63. package/es/components/yc-status-dialog/src/index.vue.d.ts +1 -1
  64. package/es/components/yc-tabs-with-filter/index.d.ts +16 -16
  65. package/es/components/yc-text/src/index.vue.d.ts +2 -2
  66. package/es/hooks/usePlusFormReset.d.ts +208 -208
  67. package/es/index.css +1 -1
  68. package/index.css +6 -6
  69. package/index.js +140 -134
  70. package/index.min.css +1 -1
  71. package/index.min.js +7 -7
  72. package/index.min.mjs +7 -7
  73. package/index.mjs +140 -134
  74. package/lib/components/check-card/index.d.ts +61 -61
  75. package/lib/components/check-card/src/index.vue.d.ts +4 -4
  76. package/lib/components/check-card-group/index.d.ts +43 -43
  77. package/lib/components/check-card-group/src/index.vue.d.ts +3 -3
  78. package/lib/components/date-picker/index.d.ts +10 -10
  79. package/lib/components/date-picker/src/index.vue.d.ts +2 -2
  80. package/lib/components/dialog/index.d.ts +26 -26
  81. package/lib/components/dialog/src/index.vue.d.ts +2 -2
  82. package/lib/components/dialog-form/index.d.ts +31 -31
  83. package/lib/components/dialog-form/src/index.vue.d.ts +9 -9
  84. package/lib/components/display-item/index.d.ts +41 -41
  85. package/lib/components/display-item/src/index.vue.d.ts +22 -22
  86. package/lib/components/drawer-form/index.d.ts +50 -50
  87. package/lib/components/drawer-form/src/index.vue.d.ts +10 -10
  88. package/lib/components/form/index.d.ts +64 -45
  89. package/lib/components/form/src/form-content.vue.d.ts +24 -20
  90. package/lib/components/form/src/form-content.vue2.js +105 -95
  91. package/lib/components/form/src/index.vue.d.ts +20 -17
  92. package/lib/components/form/src/index.vue2.js +5 -2
  93. package/lib/components/form/src/type.d.ts +4 -0
  94. package/lib/components/form-item/index.d.ts +42 -42
  95. package/lib/components/form-item/src/index.vue.d.ts +12 -12
  96. package/lib/components/form-item/src/index.vue2.js +21 -17
  97. package/lib/components/header/index.d.ts +19 -19
  98. package/lib/components/header/src/index.vue.d.ts +1 -1
  99. package/lib/components/input-tag/index.d.ts +20 -20
  100. package/lib/components/input-tag/src/index.vue.d.ts +8 -8
  101. package/lib/components/layout/index.d.ts +30 -30
  102. package/lib/components/layout/src/index.vue.d.ts +10 -10
  103. package/lib/components/page/index.d.ts +587 -452
  104. package/lib/components/page/src/index.vue.d.ts +199 -154
  105. package/lib/components/pagination/index.d.ts +42 -42
  106. package/lib/components/pagination/src/index.vue.d.ts +3 -3
  107. package/lib/components/radio/index.d.ts +35 -35
  108. package/lib/components/radio/src/index.vue.d.ts +27 -27
  109. package/lib/components/render/index.d.ts +3 -3
  110. package/lib/components/render/src/index.vue.d.ts +1 -1
  111. package/lib/components/search/index.d.ts +218 -154
  112. package/lib/components/search/src/index.vue.d.ts +68 -50
  113. package/lib/components/search/src/index.vue2.js +3 -1
  114. package/lib/components/search/src/type.d.ts +7 -0
  115. package/lib/components/sidebar/index.d.ts +15 -15
  116. package/lib/components/sidebar/src/index.vue.d.ts +5 -5
  117. package/lib/components/steps-form/index.d.ts +23 -23
  118. package/lib/components/steps-form/src/index.vue.d.ts +2 -2
  119. package/lib/components/table/index.d.ts +54 -54
  120. package/lib/components/table/src/index.vue.d.ts +18 -18
  121. package/lib/components/table/src/table-column-drag-sort.vue.d.ts +18 -18
  122. package/lib/components/table/src/table-column.vue.d.ts +37 -37
  123. package/lib/components/utils/index.d.ts +2 -2
  124. package/lib/components/yc-dialog/index.d.ts +24 -24
  125. package/lib/components/yc-download-dialog/index.d.ts +19 -19
  126. package/lib/components/yc-download-dialog/src/index.vue.d.ts +1 -1
  127. package/lib/components/yc-form-container-header/index.d.ts +12 -12
  128. package/lib/components/yc-more-actions/index.d.ts +46 -46
  129. package/lib/components/yc-more-actions/src/index.vue.d.ts +3 -3
  130. package/lib/components/yc-plus-page/src/index.vue.d.ts +450 -360
  131. package/lib/components/yc-plus-page/src/index.vue.js +1 -1
  132. package/lib/components/yc-plus-page/src/index.vue2.js +2 -15
  133. package/lib/components/yc-segmented/index.d.ts +2 -2
  134. package/lib/components/yc-segmented/src/index.d.ts +2 -2
  135. package/lib/components/yc-select-v2/src/index.vue.d.ts +3 -3
  136. package/lib/components/yc-status-dialog/src/index.vue.d.ts +1 -1
  137. package/lib/components/yc-tabs-with-filter/index.d.ts +16 -16
  138. package/lib/components/yc-text/src/index.vue.d.ts +2 -2
  139. package/lib/hooks/usePlusFormReset.d.ts +208 -208
  140. package/lib/index.css +1 -1
  141. package/locale/en.js +1 -1
  142. package/locale/en.min.js +1 -1
  143. package/locale/en.min.mjs +1 -1
  144. package/locale/en.mjs +1 -1
  145. package/locale/ja.js +1 -1
  146. package/locale/ja.min.js +1 -1
  147. package/locale/ja.min.mjs +1 -1
  148. package/locale/ja.mjs +1 -1
  149. package/locale/ko.js +1 -1
  150. package/locale/ko.min.js +1 -1
  151. package/locale/ko.min.mjs +1 -1
  152. package/locale/ko.mjs +1 -1
  153. package/locale/zh-cn.js +1 -1
  154. package/locale/zh-cn.min.js +1 -1
  155. package/locale/zh-cn.min.mjs +1 -1
  156. package/locale/zh-cn.mjs +1 -1
  157. package/locale/zh-tw.js +1 -1
  158. package/locale/zh-tw.min.js +1 -1
  159. package/locale/zh-tw.min.mjs +1 -1
  160. package/locale/zh-tw.mjs +1 -1
  161. package/package.json +1 -1
  162. package/theme-chalk/index.css +1 -1
  163. package/theme-chalk/plus-form.css +1 -1
  164. package/theme-chalk/plus-search.css +1 -1
  165. package/theme-chalk/src/form.scss +20 -0
  166. package/theme-chalk/src/search.scss +125 -0
package/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- /*! yc-pro-components v0.0.24 */
1
+ /*! yc-pro-components v0.0.25 */
2
2
  import { unref, isRef, ref, inject, isReactive, watch, computed, shallowRef, provide, onMounted, nextTick, onBeforeUnmount, defineComponent, watchEffect, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, renderSlot, normalizeStyle, createVNode, createTextVNode, toDisplayString, createElementBlock, normalizeClass, createCommentVNode, reactive, useAttrs, Fragment, renderList, resolveDynamicComponent, normalizeProps, guardReactiveProps, h, withDirectives, isVNode, withKeys, withModifiers, TransitionGroup, toHandlers, getCurrentInstance, resolveComponent, toRefs, useSlots, onUnmounted, resolveDirective, pushScopeId, popScopeId, onBeforeMount, getCurrentScope, onScopeDispose, toRef, mergeModels, useModel, vShow } from 'vue';
3
3
  import { dayjs, localeContextKey, ElDialog, ElButton, ElPagination, ElRadioGroup, ElRadio, ElTableColumn, ElDropdown, ElDropdownMenu, ElDropdownItem, ElIcon, ElTooltip, ElPopconfirm, ElLink, ElMessageBox, useFormDisabled, ElDatePicker, ClickOutside, ElTag, ElInput, ElAutocomplete, ElCascader, ElCheckboxGroup, ElCheckbox, ElColorPicker, ElInputNumber, ElRate, ElSelect, ElOption, ElSlider, ElSwitch, ElTimePicker, ElTimeSelect, ElTransfer, ElTreeSelect, ElSelectV2, ElText, ElDivider, ElFormItem, ElOptionGroup, ElRow, ElCol, ElForm, ElCard, ElMessage, ElImage, ElProgress, ElAvatar, ElPopover, ElTable, vLoading, ElDescriptions, ElDescriptionsItem, ElDrawer, ElSteps, ElStep, ElBreadcrumb, ElBreadcrumbItem, ElMenuItem, ElSubMenu, ElMenu, ElScrollbar, ElHeader, ElContainer, ElMain, ElBacktop } from 'element-plus';
4
4
 
@@ -15064,7 +15064,7 @@ const _hoisted_1$p = {
15064
15064
  class: "plus-table-action-bar__dropdown__link"
15065
15065
  };
15066
15066
  const _hoisted_2$f = { class: "plus-table-action-bar__dropdown__link" };
15067
- const _hoisted_3$b = { class: "plus-table-action-bar__more-text" };
15067
+ const _hoisted_3$c = { class: "plus-table-action-bar__more-text" };
15068
15068
  var _sfc_main$I = /* @__PURE__ */ defineComponent({
15069
15069
  ...{
15070
15070
  name: "PlusTableActionBar"
@@ -15399,7 +15399,7 @@ var _sfc_main$I = /* @__PURE__ */ defineComponent({
15399
15399
  createElementVNode("span", _hoisted_2$f, [
15400
15400
  createElementVNode(
15401
15401
  "span",
15402
- _hoisted_3$b,
15402
+ _hoisted_3$c,
15403
15403
  toDisplayString(unref(t)("plus.table.more")),
15404
15404
  1
15405
15405
  /* TEXT */
@@ -15877,6 +15877,14 @@ const getFieldComponent = (valueType) => Reflect.get(FieldComponentMap, valueTyp
15877
15877
 
15878
15878
  const _hoisted_1$n = { class: "el-form-item__error" };
15879
15879
  const _hoisted_2$e = { class: "plus-form-item__label" };
15880
+ const _hoisted_3$b = {
15881
+ key: 0,
15882
+ class: "plus-form-item-field"
15883
+ };
15884
+ const _hoisted_4$8 = {
15885
+ key: 1,
15886
+ class: "plus-form-item-field"
15887
+ };
15880
15888
  var _sfc_main$E = /* @__PURE__ */ defineComponent({
15881
15889
  ...{
15882
15890
  name: "PlusFormItem"
@@ -16091,23 +16099,19 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
16091
16099
  "label-width": _ctx.hasLabel ? (_a = customFormItemProps.value) == null ? void 0 : _a.labelWidth : "0px"
16092
16100
  }), createSlots({
16093
16101
  default: withCtx(() => [
16094
- _ctx.renderField && unref(isFunction)(_ctx.renderField) ? (openBlock(), createElementBlock(
16095
- Fragment,
16096
- { key: 0 },
16097
- [
16098
- valueIsReady.value ? (openBlock(), createBlock(unref(PlusRender), {
16099
- key: 0,
16100
- render: _ctx.renderField,
16101
- params: params.value,
16102
- "callback-value": state.value,
16103
- "custom-field-props": customFieldProps.value,
16104
- "render-type": "form",
16105
- "handle-change": handleChange
16106
- }, null, 8, ["render", "params", "callback-value", "custom-field-props"])) : createCommentVNode("v-if", true)
16107
- ],
16108
- 64
16109
- /* STABLE_FRAGMENT */
16110
- )) : _ctx.$slots[unref(getFieldSlotName)(_ctx.prop)] ? renderSlot(_ctx.$slots, unref(getFieldSlotName)(_ctx.prop), mergeProps({ key: 1 }, params.value, { column: props })) : _ctx.valueType === "select" && customFieldProps.value.multiple === true ? (openBlock(), createBlock(unref(ElSelect$1), mergeProps({
16102
+ _ctx.renderField && unref(isFunction)(_ctx.renderField) ? (openBlock(), createElementBlock("div", _hoisted_3$b, [
16103
+ valueIsReady.value ? (openBlock(), createBlock(unref(PlusRender), {
16104
+ key: 0,
16105
+ render: _ctx.renderField,
16106
+ params: params.value,
16107
+ "callback-value": state.value,
16108
+ "custom-field-props": customFieldProps.value,
16109
+ "render-type": "form",
16110
+ "handle-change": handleChange
16111
+ }, null, 8, ["render", "params", "callback-value", "custom-field-props"])) : createCommentVNode("v-if", true)
16112
+ ])) : _ctx.$slots[unref(getFieldSlotName)(_ctx.prop)] ? (openBlock(), createElementBlock("div", _hoisted_4$8, [
16113
+ renderSlot(_ctx.$slots, unref(getFieldSlotName)(_ctx.prop), mergeProps(params.value, { column: props }))
16114
+ ])) : _ctx.valueType === "select" && customFieldProps.value.multiple === true ? (openBlock(), createBlock(unref(ElSelect$1), mergeProps({
16111
16115
  key: 2,
16112
16116
  ref_key: "fieldInstance",
16113
16117
  ref: fieldInstance,
@@ -16576,6 +16580,7 @@ var _sfc_main$C = /* @__PURE__ */ defineComponent({
16576
16580
  props: {
16577
16581
  modelValue: { default: () => ({}) },
16578
16582
  hasLabel: { type: Boolean, default: true },
16583
+ layout: { default: "grid" },
16579
16584
  columns: { default: () => [] },
16580
16585
  rowProps: { default: () => ({}) },
16581
16586
  colProps: { default: () => ({}) },
@@ -16588,6 +16593,19 @@ var _sfc_main$C = /* @__PURE__ */ defineComponent({
16588
16593
  const props = __props;
16589
16594
  const emit = __emit;
16590
16595
  const values = ref({});
16596
+ const isNativeLayout = computed(() => props.layout === "flex" || props.layout === "grid");
16597
+ const isFlexLayout = computed(() => props.layout === "flex");
16598
+ const isGridLayout = computed(() => props.layout === "grid");
16599
+ const layoutRowClass = computed(() => ({
16600
+ "plus-form__row--flex": isFlexLayout.value,
16601
+ "plus-form__row--grid": isGridLayout.value
16602
+ }));
16603
+ const layoutItemClass = computed(() => ({
16604
+ "plus-form__item-wrapper--flex": isFlexLayout.value,
16605
+ "plus-form__item-wrapper--grid": isGridLayout.value
16606
+ }));
16607
+ const rowComponent = computed(() => isNativeLayout.value ? "div" : ElRow);
16608
+ const colComponent = computed(() => isNativeLayout.value ? "div" : ElCol);
16591
16609
  const getHasLabel = (hasLabel) => {
16592
16610
  const has = unref(hasLabel);
16593
16611
  if (isBoolean(has)) {
@@ -16610,104 +16628,100 @@ var _sfc_main$C = /* @__PURE__ */ defineComponent({
16610
16628
  emit("update:modelValue", values.value);
16611
16629
  emit("change", values.value, column);
16612
16630
  };
16631
+ const getColBinding = (item) => {
16632
+ if (isNativeLayout.value) return void 0;
16633
+ return unref(item.colProps) || props.colProps;
16634
+ };
16613
16635
  return (_ctx, _cache) => {
16614
- return openBlock(), createBlock(
16615
- unref(ElRow),
16616
- mergeProps(_ctx.rowProps, { class: "plus-form__row" }),
16617
- {
16618
- default: withCtx(() => [
16619
- createVNode(PlusCollapseTransition, {
16620
- "collapse-duration": _ctx.collapseDuration,
16621
- "collapse-transition": _ctx.collapseTransition
16622
- }, {
16623
- default: withCtx(() => [
16624
- (openBlock(true), createElementBlock(
16625
- Fragment,
16626
- null,
16627
- renderList(_ctx.columns, (item) => {
16628
- return openBlock(), createBlock(
16629
- unref(ElCol),
16630
- mergeProps({
16631
- key: item.prop
16632
- }, unref(item.colProps) || _ctx.colProps),
16633
- {
16634
- default: withCtx(() => [
16635
- createCommentVNode(" el-form-item\u4E0A\u4E00\u884C\u7684\u5185\u5BB9 "),
16636
- item.renderPrevious || _ctx.$slots[unref(getPreviousSlotName)(item.prop)] ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
16637
- unref(isFunction)(item.renderPrevious) ? (openBlock(), createBlock(
16638
- resolveDynamicComponent(item.renderPrevious),
16639
- normalizeProps(mergeProps({ key: 0 }, item)),
16640
- null,
16641
- 16
16642
- /* FULL_PROPS */
16643
- )) : _ctx.$slots[unref(getPreviousSlotName)(item.prop)] ? renderSlot(_ctx.$slots, unref(getPreviousSlotName)(item.prop), normalizeProps(mergeProps({ key: 1 }, item))) : createCommentVNode("v-if", true)
16644
- ])) : createCommentVNode("v-if", true),
16645
- createVNode(unref(PlusFormItem), mergeProps({
16646
- "model-value": getModelValue(item.prop)
16647
- }, item, {
16648
- clearable: _ctx.clearable,
16649
- "has-label": getHasLabel(item.hasLabel),
16650
- onChange: (value) => handleChange(value, item)
16651
- }), createSlots({
16652
- _: 2
16653
- /* DYNAMIC */
16654
- }, [
16655
- _ctx.$slots[unref(getLabelSlotName)(item.prop)] ? {
16656
- name: unref(getLabelSlotName)(item.prop),
16657
- fn: withCtx((data) => [
16658
- renderSlot(_ctx.$slots, unref(getLabelSlotName)(item.prop), normalizeProps(guardReactiveProps(data)))
16659
- ]),
16660
- key: "0"
16661
- } : void 0,
16662
- _ctx.$slots[unref(getFieldSlotName)(item.prop)] ? {
16663
- name: unref(getFieldSlotName)(item.prop),
16664
- fn: withCtx((data) => [
16665
- renderSlot(_ctx.$slots, unref(getFieldSlotName)(item.prop), normalizeProps(guardReactiveProps(data)))
16666
- ]),
16667
- key: "1"
16668
- } : void 0,
16669
- _ctx.$slots["tooltip-icon"] ? {
16670
- name: "tooltip-icon",
16671
- fn: withCtx(() => [
16672
- renderSlot(_ctx.$slots, "tooltip-icon")
16673
- ]),
16674
- key: "2"
16675
- } : void 0
16676
- ]), 1040, ["model-value", "clearable", "has-label", "onChange"]),
16677
- createCommentVNode(" el-form-item \u4E0B\u4E00\u884C\u989D\u5916\u7684\u5185\u5BB9 "),
16678
- item.renderExtra || _ctx.$slots[unref(getExtraSlotName)(item.prop)] ? (openBlock(), createElementBlock("div", _hoisted_2$d, [
16679
- item.renderExtra && unref(isFunction)(item.renderExtra) ? (openBlock(), createBlock(
16680
- resolveDynamicComponent(item.renderExtra),
16681
- normalizeProps(mergeProps({ key: 0 }, item)),
16682
- null,
16683
- 16
16684
- /* FULL_PROPS */
16685
- )) : _ctx.$slots[unref(getExtraSlotName)(item.prop)] ? renderSlot(_ctx.$slots, unref(getExtraSlotName)(item.prop), normalizeProps(mergeProps({ key: 1 }, item))) : createCommentVNode("v-if", true)
16686
- ])) : createCommentVNode("v-if", true)
16687
- ]),
16636
+ return openBlock(), createBlock(resolveDynamicComponent(rowComponent.value), mergeProps(isNativeLayout.value ? void 0 : _ctx.rowProps, {
16637
+ class: ["plus-form__row", layoutRowClass.value]
16638
+ }), {
16639
+ default: withCtx(() => [
16640
+ createVNode(PlusCollapseTransition, {
16641
+ "collapse-duration": _ctx.collapseDuration,
16642
+ "collapse-transition": _ctx.collapseTransition
16643
+ }, {
16644
+ default: withCtx(() => [
16645
+ (openBlock(true), createElementBlock(
16646
+ Fragment,
16647
+ null,
16648
+ renderList(_ctx.columns, (item) => {
16649
+ return openBlock(), createBlock(resolveDynamicComponent(colComponent.value), mergeProps({
16650
+ key: item.prop
16651
+ }, getColBinding(item), {
16652
+ class: ["plus-form__item-wrapper", layoutItemClass.value]
16653
+ }), {
16654
+ default: withCtx(() => [
16655
+ createCommentVNode(" el-form-item\u4E0A\u4E00\u884C\u7684\u5185\u5BB9 "),
16656
+ item.renderPrevious || _ctx.$slots[unref(getPreviousSlotName)(item.prop)] ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
16657
+ unref(isFunction)(item.renderPrevious) ? (openBlock(), createBlock(
16658
+ resolveDynamicComponent(item.renderPrevious),
16659
+ normalizeProps(mergeProps({ key: 0 }, item)),
16660
+ null,
16661
+ 16
16662
+ /* FULL_PROPS */
16663
+ )) : _ctx.$slots[unref(getPreviousSlotName)(item.prop)] ? renderSlot(_ctx.$slots, unref(getPreviousSlotName)(item.prop), normalizeProps(mergeProps({ key: 1 }, item))) : createCommentVNode("v-if", true)
16664
+ ])) : createCommentVNode("v-if", true),
16665
+ createVNode(unref(PlusFormItem), mergeProps({
16666
+ "model-value": getModelValue(item.prop)
16667
+ }, item, {
16668
+ clearable: _ctx.clearable,
16669
+ "has-label": getHasLabel(item.hasLabel),
16670
+ onChange: (value) => handleChange(value, item)
16671
+ }), createSlots({
16688
16672
  _: 2
16689
16673
  /* DYNAMIC */
16690
- },
16691
- 1040
16692
- /* FULL_PROPS, DYNAMIC_SLOTS */
16693
- );
16694
- }),
16695
- 128
16696
- /* KEYED_FRAGMENT */
16697
- ))
16698
- ]),
16699
- _: 3
16700
- /* FORWARDED */
16701
- }, 8, ["collapse-duration", "collapse-transition"]),
16702
- createCommentVNode(" \u641C\u7D22\u7684footer\u63D2\u69FD "),
16703
- renderSlot(_ctx.$slots, "search-footer")
16704
- ]),
16705
- _: 3
16706
- /* FORWARDED */
16707
- },
16708
- 16
16709
- /* FULL_PROPS */
16710
- );
16674
+ }, [
16675
+ _ctx.$slots[unref(getLabelSlotName)(item.prop)] ? {
16676
+ name: unref(getLabelSlotName)(item.prop),
16677
+ fn: withCtx((data) => [
16678
+ renderSlot(_ctx.$slots, unref(getLabelSlotName)(item.prop), normalizeProps(guardReactiveProps(data)))
16679
+ ]),
16680
+ key: "0"
16681
+ } : void 0,
16682
+ _ctx.$slots[unref(getFieldSlotName)(item.prop)] ? {
16683
+ name: unref(getFieldSlotName)(item.prop),
16684
+ fn: withCtx((data) => [
16685
+ renderSlot(_ctx.$slots, unref(getFieldSlotName)(item.prop), normalizeProps(guardReactiveProps(data)))
16686
+ ]),
16687
+ key: "1"
16688
+ } : void 0,
16689
+ _ctx.$slots["tooltip-icon"] ? {
16690
+ name: "tooltip-icon",
16691
+ fn: withCtx(() => [
16692
+ renderSlot(_ctx.$slots, "tooltip-icon")
16693
+ ]),
16694
+ key: "2"
16695
+ } : void 0
16696
+ ]), 1040, ["model-value", "clearable", "has-label", "onChange"]),
16697
+ createCommentVNode(" el-form-item \u4E0B\u4E00\u884C\u989D\u5916\u7684\u5185\u5BB9 "),
16698
+ item.renderExtra || _ctx.$slots[unref(getExtraSlotName)(item.prop)] ? (openBlock(), createElementBlock("div", _hoisted_2$d, [
16699
+ item.renderExtra && unref(isFunction)(item.renderExtra) ? (openBlock(), createBlock(
16700
+ resolveDynamicComponent(item.renderExtra),
16701
+ normalizeProps(mergeProps({ key: 0 }, item)),
16702
+ null,
16703
+ 16
16704
+ /* FULL_PROPS */
16705
+ )) : _ctx.$slots[unref(getExtraSlotName)(item.prop)] ? renderSlot(_ctx.$slots, unref(getExtraSlotName)(item.prop), normalizeProps(mergeProps({ key: 1 }, item))) : createCommentVNode("v-if", true)
16706
+ ])) : createCommentVNode("v-if", true)
16707
+ ]),
16708
+ _: 2
16709
+ /* DYNAMIC */
16710
+ }, 1040, ["class"]);
16711
+ }),
16712
+ 128
16713
+ /* KEYED_FRAGMENT */
16714
+ ))
16715
+ ]),
16716
+ _: 3
16717
+ /* FORWARDED */
16718
+ }, 8, ["collapse-duration", "collapse-transition"]),
16719
+ createCommentVNode(" \u641C\u7D22\u7684footer\u63D2\u69FD "),
16720
+ renderSlot(_ctx.$slots, "search-footer")
16721
+ ]),
16722
+ _: 3
16723
+ /* FORWARDED */
16724
+ }, 16, ["class"]);
16711
16725
  };
16712
16726
  }
16713
16727
  });
@@ -16727,6 +16741,7 @@ var _sfc_main$B = /* @__PURE__ */ defineComponent({
16727
16741
  columns: { default: () => [] },
16728
16742
  labelWidth: { default: "80px" },
16729
16743
  labelPosition: { default: "left" },
16744
+ layout: { default: "grid" },
16730
16745
  rowProps: { default: () => ({}) },
16731
16746
  colProps: { default: () => ({}) },
16732
16747
  labelSuffix: { default: ":" },
@@ -16908,6 +16923,7 @@ var _sfc_main$B = /* @__PURE__ */ defineComponent({
16908
16923
  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => values.value = $event),
16909
16924
  "row-props": _ctx.rowProps,
16910
16925
  "col-props": _ctx.colProps,
16926
+ layout: _ctx.layout,
16911
16927
  columns: filterHide(groupItem.columns),
16912
16928
  "has-label": _ctx.hasLabel,
16913
16929
  "collapse-transition": _ctx.collapseTransition,
@@ -16926,7 +16942,7 @@ var _sfc_main$B = /* @__PURE__ */ defineComponent({
16926
16942
  ])
16927
16943
  };
16928
16944
  })
16929
- ]), 1032, ["modelValue", "row-props", "col-props", "columns", "has-label", "collapse-transition", "collapse-duration", "clearable"]))
16945
+ ]), 1032, ["modelValue", "row-props", "col-props", "layout", "columns", "has-label", "collapse-transition", "collapse-duration", "clearable"]))
16930
16946
  ]),
16931
16947
  _: 2
16932
16948
  /* DYNAMIC */
@@ -16947,6 +16963,7 @@ var _sfc_main$B = /* @__PURE__ */ defineComponent({
16947
16963
  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => values.value = $event),
16948
16964
  "row-props": _ctx.rowProps,
16949
16965
  "col-props": _ctx.colProps,
16966
+ layout: _ctx.layout,
16950
16967
  columns: subColumns.value,
16951
16968
  "has-label": _ctx.hasLabel,
16952
16969
  "collapse-transition": _ctx.collapseTransition,
@@ -16965,7 +16982,7 @@ var _sfc_main$B = /* @__PURE__ */ defineComponent({
16965
16982
  ])
16966
16983
  };
16967
16984
  })
16968
- ]), 1032, ["modelValue", "row-props", "col-props", "columns", "has-label", "collapse-transition", "collapse-duration", "clearable"])
16985
+ ]), 1032, ["modelValue", "row-props", "col-props", "layout", "columns", "has-label", "collapse-transition", "collapse-duration", "clearable"])
16969
16986
  ],
16970
16987
  64
16971
16988
  /* STABLE_FRAGMENT */
@@ -19364,6 +19381,7 @@ var _sfc_main$s = /* @__PURE__ */ defineComponent({
19364
19381
  modelValue: { default: () => ({}) },
19365
19382
  defaultValues: { default: () => ({}) },
19366
19383
  columns: { default: () => [] },
19384
+ layout: { default: "flex" },
19367
19385
  hasFooter: { type: Boolean, default: true },
19368
19386
  hasReset: { type: Boolean, default: true },
19369
19387
  hasUnfold: { type: Boolean, default: true },
@@ -19480,6 +19498,7 @@ var _sfc_main$s = /* @__PURE__ */ defineComponent({
19480
19498
  "row-props": _ctx.rowProps,
19481
19499
  "col-props": _ctx.colProps,
19482
19500
  columns: subColumns.value,
19501
+ layout: _ctx.layout,
19483
19502
  class: "plus-search",
19484
19503
  "has-footer": false,
19485
19504
  onChange: handleChange
@@ -19571,7 +19590,7 @@ var _sfc_main$s = /* @__PURE__ */ defineComponent({
19571
19590
  ])
19572
19591
  };
19573
19592
  })
19574
- ]), 1040, ["modelValue", "inline", "rules", "label-position", "row-props", "col-props", "columns"]);
19593
+ ]), 1040, ["modelValue", "inline", "rules", "label-position", "row-props", "col-props", "columns", "layout"]);
19575
19594
  };
19576
19595
  }
19577
19596
  });
@@ -31827,17 +31846,6 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
31827
31846
  visibilityObserver = null;
31828
31847
  }
31829
31848
  });
31830
- const searchableFieldsCount = computed(() => {
31831
- var _a;
31832
- if (!((_a = props.columns) == null ? void 0 : _a.length)) return 0;
31833
- return props.columns.filter((col) => col.hideInSearch !== true).length;
31834
- });
31835
- const getSpanByCount = (count) => {
31836
- if (count <= 3) {
31837
- return 6;
31838
- }
31839
- return 8;
31840
- };
31841
31849
  const mergedSearch = computed(() => {
31842
31850
  if (!showSearch.value) {
31843
31851
  return false;
@@ -31848,8 +31856,7 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
31848
31856
  }
31849
31857
  const defaultSearchConfig = {
31850
31858
  hasUnfold: false,
31851
- rowProps: { gutter: 0 },
31852
- colProps: { span: getSpanByCount(searchableFieldsCount.value) },
31859
+ layout: "flex",
31853
31860
  labelSuffix: "",
31854
31861
  labelPosition: "right",
31855
31862
  searchIcon: null,
@@ -31859,8 +31866,7 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
31859
31866
  }
31860
31867
  return {
31861
31868
  hasUnfold: false,
31862
- rowProps: { gutter: 0 },
31863
- colProps: { span: getSpanByCount(searchableFieldsCount.value) },
31869
+ layout: "flex",
31864
31870
  labelSuffix: "",
31865
31871
  labelPosition: "right",
31866
31872
  searchIcon: null,
@@ -32024,7 +32030,7 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
32024
32030
  }
32025
32031
  });
32026
32032
 
32027
- var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-a59fd3d9"], ["__file", "index.vue"]]);
32033
+ var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-e1fa68a8"], ["__file", "index.vue"]]);
32028
32034
 
32029
32035
  const YcPlusPage = YcPlusPageComponent;
32030
32036
  const YcTableHeaderFilterCell = YcTableHeaderFilterCellComponent;
@@ -4,30 +4,30 @@ import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOpt
4
4
  export type { PlusCheckCardProps } from './src/index.vue';
5
5
  export declare const PlusCheckCard: {
6
6
  new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
7
- size: {
8
- type: PropType<"" | "default" | "small" | "large">;
9
- default: string;
10
- };
11
- modelValue: {
12
- type: PropType<boolean>;
13
- default: boolean;
14
- };
15
7
  title: {
16
8
  type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
17
9
  default: undefined;
18
10
  };
19
- avatar: {
20
- type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
21
- default: undefined;
22
- };
23
11
  disabled: {
24
12
  type: PropType<boolean>;
25
13
  default: boolean;
26
14
  };
15
+ avatar: {
16
+ type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
17
+ default: undefined;
18
+ };
27
19
  extra: {
28
20
  type: PropType<(data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes>;
29
21
  default: undefined;
30
22
  };
23
+ size: {
24
+ type: PropType<"" | "default" | "small" | "large">;
25
+ default: string;
26
+ };
27
+ modelValue: {
28
+ type: PropType<boolean>;
29
+ default: boolean;
30
+ };
31
31
  description: {
32
32
  type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
33
33
  default: undefined;
@@ -37,38 +37,38 @@ export declare const PlusCheckCard: {
37
37
  default: () => {};
38
38
  };
39
39
  }>> & {
40
- "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
41
40
  onChange?: ((checked: boolean) => any) | undefined;
41
+ "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
42
42
  onExtra?: (() => any) | undefined;
43
43
  }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
44
44
  "update:modelValue": (checked: boolean) => void;
45
45
  change: (checked: boolean) => void;
46
46
  extra: () => void;
47
47
  }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
48
- size: {
49
- type: PropType<"" | "default" | "small" | "large">;
50
- default: string;
51
- };
52
- modelValue: {
53
- type: PropType<boolean>;
54
- default: boolean;
55
- };
56
48
  title: {
57
49
  type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
58
50
  default: undefined;
59
51
  };
60
- avatar: {
61
- type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
62
- default: undefined;
63
- };
64
52
  disabled: {
65
53
  type: PropType<boolean>;
66
54
  default: boolean;
67
55
  };
56
+ avatar: {
57
+ type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
58
+ default: undefined;
59
+ };
68
60
  extra: {
69
61
  type: PropType<(data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes>;
70
62
  default: undefined;
71
63
  };
64
+ size: {
65
+ type: PropType<"" | "default" | "small" | "large">;
66
+ default: string;
67
+ };
68
+ modelValue: {
69
+ type: PropType<boolean>;
70
+ default: boolean;
71
+ };
72
72
  description: {
73
73
  type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
74
74
  default: undefined;
@@ -78,16 +78,16 @@ export declare const PlusCheckCard: {
78
78
  default: () => {};
79
79
  };
80
80
  }>> & {
81
- "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
82
81
  onChange?: ((checked: boolean) => any) | undefined;
82
+ "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
83
83
  onExtra?: (() => any) | undefined;
84
84
  }, {
85
- size: "" | "default" | "small" | "large";
86
- modelValue: boolean;
87
85
  title: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
88
- avatar: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
89
86
  disabled: boolean;
87
+ avatar: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
90
88
  extra: (data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes;
89
+ size: "" | "default" | "small" | "large";
90
+ modelValue: boolean;
91
91
  description: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
92
92
  avatarProps: RecordType;
93
93
  }, true, {}, {}, {
@@ -98,30 +98,30 @@ export declare const PlusCheckCard: {
98
98
  M: {};
99
99
  Defaults: {};
100
100
  }, Readonly< ExtractPropTypes<{
101
- size: {
102
- type: PropType<"" | "default" | "small" | "large">;
103
- default: string;
104
- };
105
- modelValue: {
106
- type: PropType<boolean>;
107
- default: boolean;
108
- };
109
101
  title: {
110
102
  type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
111
103
  default: undefined;
112
104
  };
113
- avatar: {
114
- type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
115
- default: undefined;
116
- };
117
105
  disabled: {
118
106
  type: PropType<boolean>;
119
107
  default: boolean;
120
108
  };
109
+ avatar: {
110
+ type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
111
+ default: undefined;
112
+ };
121
113
  extra: {
122
114
  type: PropType<(data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes>;
123
115
  default: undefined;
124
116
  };
117
+ size: {
118
+ type: PropType<"" | "default" | "small" | "large">;
119
+ default: string;
120
+ };
121
+ modelValue: {
122
+ type: PropType<boolean>;
123
+ default: boolean;
124
+ };
125
125
  description: {
126
126
  type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
127
127
  default: undefined;
@@ -131,16 +131,16 @@ export declare const PlusCheckCard: {
131
131
  default: () => {};
132
132
  };
133
133
  }>> & {
134
- "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
135
134
  onChange?: ((checked: boolean) => any) | undefined;
135
+ "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
136
136
  onExtra?: (() => any) | undefined;
137
137
  }, {}, {}, {}, {}, {
138
- size: "" | "default" | "small" | "large";
139
- modelValue: boolean;
140
138
  title: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
141
- avatar: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
142
139
  disabled: boolean;
140
+ avatar: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
143
141
  extra: (data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes;
142
+ size: "" | "default" | "small" | "large";
143
+ modelValue: boolean;
144
144
  description: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
145
145
  avatarProps: RecordType;
146
146
  }>;
@@ -148,30 +148,30 @@ export declare const PlusCheckCard: {
148
148
  __isTeleport?: undefined;
149
149
  __isSuspense?: undefined;
150
150
  } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
151
- size: {
152
- type: PropType<"" | "default" | "small" | "large">;
153
- default: string;
154
- };
155
- modelValue: {
156
- type: PropType<boolean>;
157
- default: boolean;
158
- };
159
151
  title: {
160
152
  type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
161
153
  default: undefined;
162
154
  };
163
- avatar: {
164
- type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
165
- default: undefined;
166
- };
167
155
  disabled: {
168
156
  type: PropType<boolean>;
169
157
  default: boolean;
170
158
  };
159
+ avatar: {
160
+ type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
161
+ default: undefined;
162
+ };
171
163
  extra: {
172
164
  type: PropType<(data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes>;
173
165
  default: undefined;
174
166
  };
167
+ size: {
168
+ type: PropType<"" | "default" | "small" | "large">;
169
+ default: string;
170
+ };
171
+ modelValue: {
172
+ type: PropType<boolean>;
173
+ default: boolean;
174
+ };
175
175
  description: {
176
176
  type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
177
177
  default: undefined;
@@ -181,20 +181,20 @@ export declare const PlusCheckCard: {
181
181
  default: () => {};
182
182
  };
183
183
  }>> & {
184
- "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
185
184
  onChange?: ((checked: boolean) => any) | undefined;
185
+ "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
186
186
  onExtra?: (() => any) | undefined;
187
187
  }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
188
188
  "update:modelValue": (checked: boolean) => void;
189
189
  change: (checked: boolean) => void;
190
190
  extra: () => void;
191
191
  }, string, {
192
- size: "" | "default" | "small" | "large";
193
- modelValue: boolean;
194
192
  title: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
195
- avatar: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
196
193
  disabled: boolean;
194
+ avatar: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
197
195
  extra: (data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes;
196
+ size: "" | "default" | "small" | "large";
197
+ modelValue: boolean;
198
198
  description: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
199
199
  avatarProps: RecordType;
200
200
  }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {