@dao-style/core 0.5.0 → 0.5.1

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.
@@ -7,6 +7,10 @@ declare const _default: import("vue").DefineComponent<{
7
7
  type: import("vue").PropType<boolean>;
8
8
  default: boolean;
9
9
  };
10
+ wrapperType: {
11
+ type: import("vue").PropType<"text" | "footer" | "switch" | "radio" | "checkbox" | undefined>;
12
+ default: undefined;
13
+ };
10
14
  paddingTop: {
11
15
  type: import("vue").PropType<string | number>;
12
16
  default: number;
@@ -39,9 +43,23 @@ declare const _default: import("vue").DefineComponent<{
39
43
  'is-required': boolean;
40
44
  }>;
41
45
  showLabel: import("vue").ComputedRef<string | boolean | import("vue").Slot>;
46
+ formClassNames: {
47
+ readonly text: {
48
+ readonly helper: "dao-form-item__helper-text";
49
+ readonly error: "dao-form-item__error-message";
50
+ };
51
+ readonly wrapper: {
52
+ readonly text: "dao-form-item__text-wrapper";
53
+ readonly radio: "dao-form-item__radio-wrapper";
54
+ readonly checkbox: "dao-form-item__checkbox-wrapper";
55
+ readonly switch: "dao-form-item__switch-wrapper";
56
+ readonly footer: "dao-form-item__footer-wrapper";
57
+ };
58
+ };
42
59
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
43
60
  label?: unknown;
44
61
  required?: unknown;
62
+ wrapperType?: unknown;
45
63
  paddingTop?: unknown;
46
64
  paddingBottom?: unknown;
47
65
  labelWidth?: unknown;
@@ -53,10 +71,13 @@ declare const _default: import("vue").DefineComponent<{
53
71
  paddingTop: string | number;
54
72
  paddingBottom: string | number;
55
73
  iconMessage: string;
56
- } & {}>, {
74
+ } & {
75
+ wrapperType?: "text" | "footer" | "switch" | "radio" | "checkbox" | undefined;
76
+ }>, {
57
77
  required: boolean;
58
78
  label: string;
59
79
  labelWidth: string;
80
+ wrapperType: "text" | "footer" | "switch" | "radio" | "checkbox" | undefined;
60
81
  paddingTop: string | number;
61
82
  paddingBottom: string | number;
62
83
  iconMessage: string;
@@ -37,6 +37,10 @@ export declare const formItemProps: {
37
37
  type: PropType<boolean>;
38
38
  default: boolean;
39
39
  };
40
+ wrapperType: {
41
+ type: PropType<"text" | "footer" | "switch" | "radio" | "checkbox" | undefined>;
42
+ default: undefined;
43
+ };
40
44
  paddingTop: {
41
45
  type: PropType<string | number>;
42
46
  default: number;
@@ -3979,6 +3979,10 @@ const formItemProps = {
3979
3979
  type: Boolean,
3980
3980
  default: false
3981
3981
  },
3982
+ wrapperType: {
3983
+ type: String,
3984
+ default: void 0
3985
+ },
3982
3986
  paddingTop: {
3983
3987
  type: [Number, String],
3984
3988
  default: 0
@@ -4055,7 +4059,8 @@ const _sfc_main$u = defineComponent({
4055
4059
  labelStyle,
4056
4060
  contentStyle,
4057
4061
  formItemClass,
4058
- showLabel
4062
+ showLabel,
4063
+ formClassNames
4059
4064
  };
4060
4065
  }
4061
4066
  });
@@ -4097,7 +4102,12 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
4097
4102
  class: "dao-form-item__content",
4098
4103
  style: normalizeStyle(_ctx.contentStyle)
4099
4104
  }, [
4100
- renderSlot(_ctx.$slots, "default")
4105
+ _ctx.wrapperType ? (openBlock(), createElementBlock("div", {
4106
+ key: 0,
4107
+ class: normalizeClass(_ctx.formClassNames.wrapper[_ctx.wrapperType])
4108
+ }, [
4109
+ renderSlot(_ctx.$slots, "default")
4110
+ ], 2)) : renderSlot(_ctx.$slots, "default", { key: 1 })
4101
4111
  ], 4)
4102
4112
  ], 2);
4103
4113
  }
@@ -6859,7 +6869,7 @@ const _sfc_main$8 = defineComponent({
6859
6869
  const daoInputSearchRef = ref();
6860
6870
  const type = computed(() => searchText.value.includes(":") ? "value" : "key");
6861
6871
  const searchKey = computed(() => searchText.value.split(":")[0]);
6862
- const searchValue = computed(() => searchText.value.split(":")[1].trim());
6872
+ const searchValue = computed(() => searchText.value.slice(searchText.value.indexOf(":") + 1).trim());
6863
6873
  const selectedKey = computed(() => {
6864
6874
  if (type.value === "key") {
6865
6875
  return void 0;