@fecp/mobile 1.1.37 → 1.1.39

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.
package/es/mobile.css CHANGED
@@ -143,10 +143,10 @@
143
143
  .van-radio-group--horizontal{display:flex;flex-wrap:wrap}
144
144
  :root,:host{--van-radio-size: 20px;--van-radio-dot-size: 8px;--van-radio-border-color: var(--van-gray-5);--van-radio-duration: var(--van-duration-fast);--van-radio-label-margin: var(--van-padding-xs);--van-radio-label-color: var(--van-text-color);--van-radio-checked-icon-color: var(--van-primary-color);--van-radio-disabled-icon-color: var(--van-gray-5);--van-radio-disabled-label-color: var(--van-text-color-3);--van-radio-disabled-background: var(--van-border-color)}.van-radio{display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-radio--disabled{cursor:not-allowed}.van-radio--label-disabled{cursor:default}.van-radio--horizontal{margin-right:var(--van-padding-sm)}.van-radio__icon{flex:none;height:1em;font-size:var(--van-radio-size);line-height:1em;cursor:pointer}.van-radio__icon .van-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:1.25;text-align:center;border:1px solid var(--van-radio-border-color);transition-duration:var(--van-radio-duration);transition-property:color,border-color,background-color}.van-radio__icon--round .van-icon{border-radius:100%}.van-radio__icon--dot{position:relative;border-radius:100%;box-sizing:border-box;width:var(--van-radio-size);height:var(--van-radio-size);border:1px solid var(--van-radio-border-color);transition-duration:var(--van-radio-duration);transition-property:border-color}.van-radio__icon--dot__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100%;height:calc(100% - var(--van-radio-dot-size));width:calc(100% - var(--van-radio-dot-size));transition-duration:var(--van-radio-duration);transition-property:background-color}.van-radio__icon--checked .van-icon{color:var(--van-white);background-color:var(--van-radio-checked-icon-color);border-color:var(--van-radio-checked-icon-color)}.van-radio__icon--checked.van-radio__icon--dot{border-color:var(--van-radio-checked-icon-color)}.van-radio__icon--checked.van-radio__icon--dot .van-radio__icon--dot__icon{background:var(--van-radio-checked-icon-color)}.van-radio__icon--disabled{cursor:not-allowed}.van-radio__icon--disabled .van-icon{background-color:var(--van-radio-disabled-background);border-color:var(--van-radio-disabled-icon-color)}.van-radio__icon--disabled.van-radio__icon--checked .van-icon{color:var(--van-radio-disabled-icon-color)}.van-radio__label{margin-left:var(--van-radio-label-margin);color:var(--van-radio-label-color);line-height:var(--van-radio-size)}.van-radio__label--left{margin:0 var(--van-radio-label-margin) 0 0}.van-radio__label--disabled{color:var(--van-radio-disabled-label-color)}
145
145
 
146
- .fecMForm[data-v-a3cc552b] .van-cell-group--inset {
146
+ .fecMForm[data-v-d25982d9] .van-cell-group--inset {
147
147
  margin: 12px;
148
148
  }
149
- .fecMForm.isShadow[data-v-a3cc552b] .van-cell-group--inset {
149
+ .fecMForm.isShadow[data-v-d25982d9] .van-cell-group--inset {
150
150
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
151
151
  }
152
152
  :root,:host{--van-search-padding: 10px var(--van-padding-sm);--van-search-background: var(--van-background-2);--van-search-content-background: var(--van-background);--van-search-input-height: 34px;--van-search-label-padding: 0 5px;--van-search-label-color: var(--van-text-color);--van-search-label-font-size: var(--van-font-size-md);--van-search-left-icon-color: var(--van-gray-6);--van-search-action-padding: 0 var(--van-padding-xs);--van-search-action-text-color: var(--van-text-color);--van-search-action-font-size: var(--van-font-size-md)}.van-search{display:flex;align-items:center;box-sizing:border-box;padding:var(--van-search-padding);background:var(--van-search-background)}.van-search__content{display:flex;flex:1;padding-left:var(--van-padding-sm);background:var(--van-search-content-background);border-radius:var(--van-radius-sm)}.van-search__content--round{border-radius:var(--van-radius-max)}.van-search__label{padding:var(--van-search-label-padding);color:var(--van-search-label-color);font-size:var(--van-search-label-font-size);line-height:var(--van-search-input-height)}.van-search__field{flex:1;align-items:center;padding:0 var(--van-padding-xs) 0 0;height:var(--van-search-input-height);background-color:transparent}.van-search__field .van-field__left-icon{color:var(--van-search-left-icon-color)}.van-search__field--with-message{height:auto;align-items:flex-start;padding-top:5px;padding-bottom:5px}.van-search--show-action{padding-right:0}.van-search input::-webkit-search-decoration,.van-search input::-webkit-search-cancel-button,.van-search input::-webkit-search-results-button,.van-search input::-webkit-search-results-decoration{display:none}.van-search__action{padding:var(--van-search-action-padding);color:var(--van-search-action-text-color);font-size:var(--van-search-action-font-size);line-height:var(--van-search-input-height);cursor:pointer;-webkit-user-select:none;user-select:none}.van-search__action:active{background-color:var(--van-active-color)}
@@ -3,7 +3,7 @@
3
3
  /* empty css */
4
4
  /* empty css */
5
5
  /* empty css */
6
- import { ref, computed, createElementBlock, openBlock, Fragment, createVNode, withDirectives, renderSlot, mergeProps, unref, isRef, createSlots, renderList, withCtx, createTextVNode, toDisplayString, createElementVNode, vModelText } from "vue";
6
+ import { ref, computed, watch, createElementBlock, openBlock, Fragment, createVNode, withDirectives, renderSlot, mergeProps, unref, isRef, createSlots, renderList, withCtx, createTextVNode, toDisplayString, createElementVNode, vModelText } from "vue";
7
7
  import "../../../../../../_virtual/index.mjs";
8
8
  import { getUnit, textFormatter, textFormatter4Input, reverseTextFormatter } from "../../../utils/formatterUtil.mjs";
9
9
  import { useCursor } from "../../../utils/use-cursor.mjs";
@@ -47,24 +47,32 @@ const _sfc_main = {
47
47
  const fieldInputRef = ref();
48
48
  const [recordCursor, setCursor] = useCursor();
49
49
  const emit = __emit;
50
+ const textValue = ref("");
50
51
  const compValue = computed({
51
52
  get: () => {
53
+ if (!props.fieldType || props.fieldType == "text") {
54
+ unit.value = getUnit(props.dataFormatter);
55
+ if (props.readonly) {
56
+ textValue.value = textFormatter(props.modelValue, props.dataFormatter);
57
+ } else {
58
+ textValue.value = textFormatter4Input(
59
+ props.modelValue,
60
+ props.dataFormatter
61
+ );
62
+ }
63
+ } else {
64
+ textValue.value = props.modelValue;
65
+ }
52
66
  return props.modelValue;
53
67
  },
54
68
  set: (val) => {
55
69
  emit("update:modelValue", val);
56
70
  }
57
71
  });
58
- const textValue = computed(() => {
59
- if (!props.fieldType || props.fieldType == "text") {
60
- unit.value = getUnit(props.dataFormatter);
61
- if (props.readonly) {
62
- return textFormatter(props.modelValue, props.dataFormatter);
63
- } else {
64
- return textFormatter4Input(props.modelValue, props.dataFormatter);
65
- }
72
+ watch(textValue, (val) => {
73
+ if (!val) {
74
+ emit("update:modelValue", val);
66
75
  }
67
- return props.modelValue;
68
76
  });
69
77
  const compClickable = computed(() => {
70
78
  if (props.disabled || props.readonly) {
@@ -174,7 +174,12 @@ const _sfc_main = {
174
174
  createVNode(_component_van_icon, {
175
175
  name: "clear",
176
176
  class: "custom-close-icon",
177
- onClick: _cache[0] || (_cache[0] = withModifiers(($event) => pickerValue.value = null, ["stop"]))
177
+ onClick: _cache[0] || (_cache[0] = withModifiers(
178
+ () => {
179
+ emit("update:modelValue", "");
180
+ },
181
+ ["stop"]
182
+ ))
178
183
  })
179
184
  ]),
180
185
  key: "0"
@@ -170,7 +170,12 @@ const _sfc_main = {
170
170
  createVNode(_component_van_icon, {
171
171
  name: "clear",
172
172
  class: "custom-close-icon",
173
- onClick: _cache[0] || (_cache[0] = withModifiers(($event) => pickerValue.value = null, ["stop"]))
173
+ onClick: _cache[0] || (_cache[0] = withModifiers(
174
+ () => {
175
+ emit("update:modelValue", "");
176
+ },
177
+ ["stop"]
178
+ ))
174
179
  })
175
180
  ]),
176
181
  key: "0"
@@ -1,4 +1,4 @@
1
- import { useAttrs, ref, computed, createBlock, openBlock, unref, mergeProps, isRef, withCtx, createElementBlock, toDisplayString } from "vue";
1
+ import { useAttrs, ref, watch, computed, createBlock, openBlock, unref, mergeProps, isRef, withCtx, createElementBlock, toDisplayString } from "vue";
2
2
  import { MobileField } from "../field/index.mjs";
3
3
  import { getOptions } from "../../../utils/optionUtil.mjs";
4
4
  import { MobileRadioGroup } from "../radioGroup/index.mjs";
@@ -39,6 +39,21 @@ const _sfc_main = {
39
39
  }).then((data) => {
40
40
  finalOptions.value = data;
41
41
  });
42
+ watch(
43
+ () => props.options,
44
+ () => {
45
+ getOptions({
46
+ ...attrs,
47
+ staticOptions: props.options,
48
+ optionsFieldNames: props.fieldNames
49
+ }).then((data) => {
50
+ finalOptions.value = data;
51
+ });
52
+ },
53
+ {
54
+ deep: true
55
+ }
56
+ );
42
57
  const emit = __emit;
43
58
  const compValue = computed({
44
59
  get: () => {
@@ -1,6 +1,6 @@
1
1
  /* empty css */
2
2
  /* empty css */
3
- import { computed, provide, ref, useSlots, createBlock, openBlock, mergeProps, withCtx, createVNode, renderSlot, createCommentVNode, unref, toRaw } from "vue";
3
+ import { computed, provide, ref, useSlots, createBlock, openBlock, mergeProps, withCtx, createVNode, renderSlot, toRaw } from "vue";
4
4
  import { getParmDicMapByKeys } from "../../../utils/optionUtil.mjs";
5
5
  /* empty css */
6
6
  import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
@@ -89,7 +89,7 @@ const _sfc_main = {
89
89
  default: withCtx(() => [
90
90
  createVNode(_component_van_cell_group, { inset: __props.isCard }, {
91
91
  default: withCtx(() => [
92
- unref(dicLoaded) ? renderSlot(_ctx.$slots, "default", { key: 0 }, void 0, true) : createCommentVNode("", true)
92
+ renderSlot(_ctx.$slots, "default", {}, void 0, true)
93
93
  ]),
94
94
  _: 3
95
95
  }, 8, ["inset"])
@@ -99,7 +99,7 @@ const _sfc_main = {
99
99
  };
100
100
  }
101
101
  };
102
- const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a3cc552b"]]);
102
+ const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d25982d9"]]);
103
103
  export {
104
104
  _Form as default
105
105
  };
package/lib/mobile.css CHANGED
@@ -143,10 +143,10 @@
143
143
  .van-radio-group--horizontal{display:flex;flex-wrap:wrap}
144
144
  :root,:host{--van-radio-size: 20px;--van-radio-dot-size: 8px;--van-radio-border-color: var(--van-gray-5);--van-radio-duration: var(--van-duration-fast);--van-radio-label-margin: var(--van-padding-xs);--van-radio-label-color: var(--van-text-color);--van-radio-checked-icon-color: var(--van-primary-color);--van-radio-disabled-icon-color: var(--van-gray-5);--van-radio-disabled-label-color: var(--van-text-color-3);--van-radio-disabled-background: var(--van-border-color)}.van-radio{display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-radio--disabled{cursor:not-allowed}.van-radio--label-disabled{cursor:default}.van-radio--horizontal{margin-right:var(--van-padding-sm)}.van-radio__icon{flex:none;height:1em;font-size:var(--van-radio-size);line-height:1em;cursor:pointer}.van-radio__icon .van-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:1.25;text-align:center;border:1px solid var(--van-radio-border-color);transition-duration:var(--van-radio-duration);transition-property:color,border-color,background-color}.van-radio__icon--round .van-icon{border-radius:100%}.van-radio__icon--dot{position:relative;border-radius:100%;box-sizing:border-box;width:var(--van-radio-size);height:var(--van-radio-size);border:1px solid var(--van-radio-border-color);transition-duration:var(--van-radio-duration);transition-property:border-color}.van-radio__icon--dot__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100%;height:calc(100% - var(--van-radio-dot-size));width:calc(100% - var(--van-radio-dot-size));transition-duration:var(--van-radio-duration);transition-property:background-color}.van-radio__icon--checked .van-icon{color:var(--van-white);background-color:var(--van-radio-checked-icon-color);border-color:var(--van-radio-checked-icon-color)}.van-radio__icon--checked.van-radio__icon--dot{border-color:var(--van-radio-checked-icon-color)}.van-radio__icon--checked.van-radio__icon--dot .van-radio__icon--dot__icon{background:var(--van-radio-checked-icon-color)}.van-radio__icon--disabled{cursor:not-allowed}.van-radio__icon--disabled .van-icon{background-color:var(--van-radio-disabled-background);border-color:var(--van-radio-disabled-icon-color)}.van-radio__icon--disabled.van-radio__icon--checked .van-icon{color:var(--van-radio-disabled-icon-color)}.van-radio__label{margin-left:var(--van-radio-label-margin);color:var(--van-radio-label-color);line-height:var(--van-radio-size)}.van-radio__label--left{margin:0 var(--van-radio-label-margin) 0 0}.van-radio__label--disabled{color:var(--van-radio-disabled-label-color)}
145
145
 
146
- .fecMForm[data-v-a3cc552b] .van-cell-group--inset {
146
+ .fecMForm[data-v-d25982d9] .van-cell-group--inset {
147
147
  margin: 12px;
148
148
  }
149
- .fecMForm.isShadow[data-v-a3cc552b] .van-cell-group--inset {
149
+ .fecMForm.isShadow[data-v-d25982d9] .van-cell-group--inset {
150
150
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
151
151
  }
152
152
  :root,:host{--van-search-padding: 10px var(--van-padding-sm);--van-search-background: var(--van-background-2);--van-search-content-background: var(--van-background);--van-search-input-height: 34px;--van-search-label-padding: 0 5px;--van-search-label-color: var(--van-text-color);--van-search-label-font-size: var(--van-font-size-md);--van-search-left-icon-color: var(--van-gray-6);--van-search-action-padding: 0 var(--van-padding-xs);--van-search-action-text-color: var(--van-text-color);--van-search-action-font-size: var(--van-font-size-md)}.van-search{display:flex;align-items:center;box-sizing:border-box;padding:var(--van-search-padding);background:var(--van-search-background)}.van-search__content{display:flex;flex:1;padding-left:var(--van-padding-sm);background:var(--van-search-content-background);border-radius:var(--van-radius-sm)}.van-search__content--round{border-radius:var(--van-radius-max)}.van-search__label{padding:var(--van-search-label-padding);color:var(--van-search-label-color);font-size:var(--van-search-label-font-size);line-height:var(--van-search-input-height)}.van-search__field{flex:1;align-items:center;padding:0 var(--van-padding-xs) 0 0;height:var(--van-search-input-height);background-color:transparent}.van-search__field .van-field__left-icon{color:var(--van-search-left-icon-color)}.van-search__field--with-message{height:auto;align-items:flex-start;padding-top:5px;padding-bottom:5px}.van-search--show-action{padding-right:0}.van-search input::-webkit-search-decoration,.van-search input::-webkit-search-cancel-button,.van-search input::-webkit-search-results-button,.van-search input::-webkit-search-results-decoration{display:none}.van-search__action{padding:var(--van-search-action-padding);color:var(--van-search-action-text-color);font-size:var(--van-search-action-font-size);line-height:var(--van-search-input-height);cursor:pointer;-webkit-user-select:none;user-select:none}.van-search__action:active{background-color:var(--van-active-color)}
@@ -49,24 +49,32 @@ const _sfc_main = {
49
49
  const fieldInputRef = vue.ref();
50
50
  const [recordCursor, setCursor] = useCursor.useCursor();
51
51
  const emit = __emit;
52
+ const textValue = vue.ref("");
52
53
  const compValue = vue.computed({
53
54
  get: () => {
55
+ if (!props.fieldType || props.fieldType == "text") {
56
+ unit.value = formatterUtil.getUnit(props.dataFormatter);
57
+ if (props.readonly) {
58
+ textValue.value = formatterUtil.textFormatter(props.modelValue, props.dataFormatter);
59
+ } else {
60
+ textValue.value = formatterUtil.textFormatter4Input(
61
+ props.modelValue,
62
+ props.dataFormatter
63
+ );
64
+ }
65
+ } else {
66
+ textValue.value = props.modelValue;
67
+ }
54
68
  return props.modelValue;
55
69
  },
56
70
  set: (val) => {
57
71
  emit("update:modelValue", val);
58
72
  }
59
73
  });
60
- const textValue = vue.computed(() => {
61
- if (!props.fieldType || props.fieldType == "text") {
62
- unit.value = formatterUtil.getUnit(props.dataFormatter);
63
- if (props.readonly) {
64
- return formatterUtil.textFormatter(props.modelValue, props.dataFormatter);
65
- } else {
66
- return formatterUtil.textFormatter4Input(props.modelValue, props.dataFormatter);
67
- }
74
+ vue.watch(textValue, (val) => {
75
+ if (!val) {
76
+ emit("update:modelValue", val);
68
77
  }
69
- return props.modelValue;
70
78
  });
71
79
  const compClickable = vue.computed(() => {
72
80
  if (props.disabled || props.readonly) {
@@ -176,7 +176,12 @@ const _sfc_main = {
176
176
  vue.createVNode(_component_van_icon, {
177
177
  name: "clear",
178
178
  class: "custom-close-icon",
179
- onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => pickerValue.value = null, ["stop"]))
179
+ onClick: _cache[0] || (_cache[0] = vue.withModifiers(
180
+ () => {
181
+ emit("update:modelValue", "");
182
+ },
183
+ ["stop"]
184
+ ))
180
185
  })
181
186
  ]),
182
187
  key: "0"
@@ -172,7 +172,12 @@ const _sfc_main = {
172
172
  vue.createVNode(_component_van_icon, {
173
173
  name: "clear",
174
174
  class: "custom-close-icon",
175
- onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => pickerValue.value = null, ["stop"]))
175
+ onClick: _cache[0] || (_cache[0] = vue.withModifiers(
176
+ () => {
177
+ emit("update:modelValue", "");
178
+ },
179
+ ["stop"]
180
+ ))
176
181
  })
177
182
  ]),
178
183
  key: "0"
@@ -41,6 +41,21 @@ const _sfc_main = {
41
41
  }).then((data) => {
42
42
  finalOptions.value = data;
43
43
  });
44
+ vue.watch(
45
+ () => props.options,
46
+ () => {
47
+ optionUtil.getOptions({
48
+ ...attrs,
49
+ staticOptions: props.options,
50
+ optionsFieldNames: props.fieldNames
51
+ }).then((data) => {
52
+ finalOptions.value = data;
53
+ });
54
+ },
55
+ {
56
+ deep: true
57
+ }
58
+ );
44
59
  const emit = __emit;
45
60
  const compValue = vue.computed({
46
61
  get: () => {
@@ -91,7 +91,7 @@ const _sfc_main = {
91
91
  default: vue.withCtx(() => [
92
92
  vue.createVNode(_component_van_cell_group, { inset: __props.isCard }, {
93
93
  default: vue.withCtx(() => [
94
- vue.unref(dicLoaded) ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }, void 0, true) : vue.createCommentVNode("", true)
94
+ vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
95
95
  ]),
96
96
  _: 3
97
97
  }, 8, ["inset"])
@@ -101,5 +101,5 @@ const _sfc_main = {
101
101
  };
102
102
  }
103
103
  };
104
- const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-a3cc552b"]]);
104
+ const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-d25982d9"]]);
105
105
  exports.default = _Form;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fecp/mobile",
3
- "version": "1.1.37",
3
+ "version": "1.1.39",
4
4
  "main": "lib/packages/mobile/index.js",
5
5
  "module": "es/packages/mobile/index.mjs",
6
6
  "files": [