@das-fed/ui 1.1.4 → 6.3.0-beta.0

package/packages/components/input-number/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, warn, computed, getCurrentInstance as getCurrentInstance$1, inject, ref as ref$1, unref as unref$1, isRef, shallowRef, watch as watch$1, mergeProps, renderSlot, onMounted as onMounted$1, toRef, onUnmounted, useAttrs as useAttrs$1, useSlots, nextTick as nextTick$1, withDirectives, createCommentVNode, Fragment, normalizeClass, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, toDisplayString, normalizeStyle, vShow, reactive, onUpdated, withKeys, useCssVars, onBeforeUnmount, Teleport } from 'vue';
+import { defineComponent, openBlock, createElementBlock, createElementVNode, warn, computed, getCurrentInstance as getCurrentInstance$1, inject, ref as ref$1, unref as unref$1, isRef, shallowRef, watch as watch$1, mergeProps, renderSlot, onMounted as onMounted$1, toRef, onUnmounted, useAttrs as useAttrs$1, useSlots, nextTick as nextTick$1, withDirectives, createCommentVNode, Fragment, normalizeClass, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, toDisplayString, normalizeStyle, vShow, reactive, onUpdated, withKeys, mergeModels, useCssVars, useModel, onBeforeUnmount, Teleport } from 'vue';
 import { withInstall as withInstall$1 } from '@das-fed/utils';
 import { getVarValue, setThemeRule } from '@das-fed/web';
 import { getCurrentScope, onScopeDispose, unref, getCurrentInstance, onMounted, nextTick, watch, ref } from 'vue-demi';
@@ -197,11 +197,13 @@ __spreadValues({
 const isFirefox = () => isClient && /firefox/i.test(window.navigator.userAgent);
 
 /**
-* @vue/shared v3.4.21
+* @vue/shared v3.4.30
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
 
+
+
 !!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
 !!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
 const NOOP = () => {
@@ -1613,15 +1615,10 @@ const ValidateComponentsMap = {
 
 const withInstall = (main, extra) => {
   main.install = (app) => {
-    for (const comp of [main, ...Object.values(extra != null ? extra : {})]) {
+    for (const comp of [main, ...Object.values({})]) {
       app.component(comp.name, comp);
     }
   };
-  if (extra) {
-    for (const [key, comp] of Object.entries(extra)) {
-      main[key] = comp;
-    }
-  }
   return main;
 };
 
@@ -1832,7 +1829,7 @@ const buildLocaleContext = (locale) => {
 };
 const localeContextKey = Symbol("localeContextKey");
 const useLocale = (localeOverrides) => {
-  const locale = localeOverrides || inject(localeContextKey, ref$1());
+  const locale = inject(localeContextKey, ref$1());
   return buildLocaleContext(computed(() => locale.value || English));
 };
 
@@ -1853,14 +1850,14 @@ const _bem = (namespace, block, blockSuffix, element, modifier) => {
 };
 const namespaceContextKey = Symbol("namespaceContextKey");
 const useGetDerivedNamespace = (namespaceOverrides) => {
-  const derivedNamespace = namespaceOverrides || (getCurrentInstance$1() ? inject(namespaceContextKey, ref$1(defaultNamespace)) : ref$1(defaultNamespace));
+  const derivedNamespace = (getCurrentInstance$1() ? inject(namespaceContextKey, ref$1(defaultNamespace)) : ref$1(defaultNamespace));
   const namespace = computed(() => {
     return unref$1(derivedNamespace) || defaultNamespace;
   });
   return namespace;
 };
 const useNamespace = (block, namespaceOverrides) => {
-  const namespace = useGetDerivedNamespace(namespaceOverrides);
+  const namespace = useGetDerivedNamespace();
   const b = (blockSuffix = "") => _bem(namespace.value, block, blockSuffix, "", "");
   const e = (element) => element ? _bem(namespace.value, block, "", element, "") : "";
   const m = (modifier) => modifier ? _bem(namespace.value, block, "", "", modifier) : "";
@@ -3160,17 +3157,13 @@ var InputNumber$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__file", "/hom
 
 const ElInputNumber = withInstall(InputNumber$1);
 
-const _hoisted_1 = {
-  key: 0,
-  class: "das-input-number-error-label-content"
-};
 const __default__ = {
   inheritAttrs: false
 };
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   __name: "App",
-  props: {
+  props: /* @__PURE__ */ mergeModels({
     modelValue: { type: Number, required: false, default: 0 },
     placeholder: { type: String, required: false },
     size: { type: String, required: false, default: "default" },
@@ -3185,8 +3178,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     teleported: { type: Boolean, required: false, default: true },
     errorModelZIndex: { type: Number, required: false, default: 2e3 },
     noSetDefaultVal: { type: Boolean, required: false }
-  },
-  emits: ["update:modelValue", "change"],
+  }, {
+    "modelValue": { type: Number, default: 0 },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["update:modelValue", "input", "change"], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
       "3ace2e19-fontSize": fontSize.value,
@@ -3198,46 +3194,31 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const $inputNumber = ref$1(null);
     const $elInputNumber = ref$1(null);
     const isReadonly = computed(() => props.isView || props.disabled);
+    const innerValue = useModel(__props, "modelValue");
     const innerPlaceholder = computed(() => {
-      if (!props.noSetDefaultVal && isReadonly.value)
+      if (isReadonly.value) {
+        if (props.noSetDefaultVal) return "";
         return "-";
+      }
       return props.placeholder ?? "";
     });
     const width = computed(() => {
-      if (props.width)
-        return props.width;
-      if (!props.controlsPosition)
-        return "100px";
-      if (!props.baseLine)
-        return "80px";
+      if (props.width) return props.width;
+      if (!props.controlsPosition) return "100px";
+      if (!props.baseLine) return "80px";
       return "230px";
     });
     const height = computed(() => {
-      if (props.size === "default")
+      if (props.size === "default") {
+        if (props.controlsPosition === "right" && props.baseLine) return "25px";
         return "28px";
-      if (props.size === "table")
-        return "30px";
+      }
+      if (props.size === "table") return "30px";
     });
     const fontSize = computed(() => {
-      if (props.size === "default")
-        return "14px";
-      if (props.size === "table")
-        return "12px";
-    });
-    const innerValue = computed({
-      get() {
-        return props.modelValue;
-      },
-      set(value) {
-        emit("update:modelValue", value);
-      }
+      if (props.size === "default") return "14px";
+      if (props.size === "table") return "12px";
     });
-    watch$1(
-      () => innerValue.value,
-      (newVal, oldVal) => {
-        emit("change", newVal, oldVal);
-      }
-    );
     const channelInputLimit = (event) => {
       const key = event.code;
       const notAllowList = ["KeyE", "Equal", "Minus"];
@@ -3248,28 +3229,34 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return true;
     };
     const onInput = (val) => {
-      if (!val && val !== 0)
-        innerValue.value = val;
+      if (!val && val !== 0) innerValue.value = val;
+      emit("input", val);
+    };
+    const onChange = (val, preVal) => {
+      emit("change", val, preVal);
+    };
+    const preValue = ref$1(innerValue.value);
+    const onBlur = () => {
+      if (preValue.value === innerValue.value) return;
+      emit("change", innerValue.value, preValue.value);
+      preValue.value = innerValue.value;
     };
     const inputMouseEnter = () => {
-      if (!props.error)
-        $inputNumber.value.classList.add("input-inner-hover");
+      if (!props.error) $inputNumber.value.classList.add("input-inner-hover");
     };
     const inputMouseLeave = () => {
       if ($inputNumber.value.classList.contains("input-inner-hover"))
         $inputNumber.value.classList.remove("input-inner-hover");
     };
     const decreaseBtnMouseEnter = () => {
-      if (!props.error)
-        $inputNumber.value.classList.add("decrease-btn-hover");
+      if (!props.error) $inputNumber.value.classList.add("decrease-btn-hover");
     };
     const decreaseBtnMouseLeave = () => {
       if ($inputNumber.value.classList.contains("decrease-btn-hover"))
         $inputNumber.value.classList.remove("decrease-btn-hover");
     };
     const increaseBtnMouseEnter = () => {
-      if (!props.error)
-        $inputNumber.value.classList.add("increase-btn-hover");
+      if (!props.error) $inputNumber.value.classList.add("increase-btn-hover");
     };
     const increaseBtnMouseLeave = () => {
       if ($inputNumber.value.classList.contains("increase-btn-hover"))
@@ -3331,8 +3318,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       $elInputNumber.value?.$el.removeEventListener("mouseleave", errorModallInputMouseLeave);
     };
     const addEventSetHoverStyle = () => {
-      if (isReadonly.value)
-        return;
+      if (isReadonly.value) return;
       nextTick$1(() => {
         const innerInput = $inputNumber.value?.querySelector(".el-input__inner");
         if (innerInput) {
@@ -3372,12 +3358,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       () => isReadonly.value,
       (newVal) => {
         if (newVal) {
-          if (props.controlsPosition === "right")
-            return;
+          if (props.controlsPosition === "right") return;
           removeEvent();
         } else {
-          if (props.controlsPosition === "right")
-            return;
+          if (props.controlsPosition === "right") return;
           addEventSetHoverStyle();
         }
       }
@@ -3385,153 +3369,156 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     watch$1(
       () => props.errorMode,
       (newVal) => {
-        if (newVal === "overlay")
-          addEventToInput();
-        if (newVal === "default")
-          removeEventToInput();
+        if (newVal === "overlay") addEventToInput();
+        if (newVal === "default") removeEventToInput();
       }
     );
     onMounted$1(() => {
-      if (props.errorMode === "overlay")
-        addEventToInput();
-      if (props.controlsPosition === "right")
-        return;
+      if (props.errorMode === "overlay") addEventToInput();
+      if (props.controlsPosition === "right") return;
       addEventSetHoverStyle();
     });
     onBeforeUnmount(() => {
-      if (props.errorMode === "overlay")
-        removeEventToInput();
-      if (props.controlsPosition === "right")
-        return;
+      if (props.errorMode === "overlay") removeEventToInput();
+      if (props.controlsPosition === "right") return;
       removeEvent();
     });
     __expose({
       $elInputNumber
     });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          ref_key: "$inputNumber",
-          ref: $inputNumber,
-          class: normalizeClass([
-            "das-ui-input-number",
-            _ctx.controlsPosition === "" ? "default" : _ctx.baseLine ? "base-line" : "controls-right",
-            _ctx.isView ? "is-view" : "",
-            _ctx.disabled ? "is-disabled" : "",
-            _ctx.noSetDefaultVal ? "nodefault" : ""
-          ])
-        },
+    const __returned__ = { props, emit, $inputNumber, $elInputNumber, isReadonly, innerValue, innerPlaceholder, width, height, fontSize, channelInputLimit, onInput, onChange, preValue, onBlur, inputMouseEnter, inputMouseLeave, decreaseBtnMouseEnter, decreaseBtnMouseLeave, increaseBtnMouseEnter, increaseBtnMouseLeave, isHoverInInput, errorModelPosition, errorModelWidth, errorModalBaseSyle, errorModelStyle, errorLabelStyle, getErrorModalPosition, errorModalInputMouseEnter, errorModallInputMouseLeave, addEventToInput, removeEventToInput, addEventSetHoverStyle, removeEvent, get ElInputNumber() {
+      return ElInputNumber;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _hoisted_1 = {
+  key: 0,
+  class: "das-input-number-error-label-content"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    "div",
+    {
+      ref: "$inputNumber",
+      class: normalizeClass([
+        "das-ui-input-number",
+        $props.controlsPosition === "" ? "default" : $props.baseLine ? "base-line" : "controls-right",
+        $props.isView ? "is-view" : "",
+        $props.disabled ? "is-disabled" : "",
+        $props.noSetDefaultVal ? "nodefault" : ""
+      ])
+    },
+    [
+      createVNode($setup["ElInputNumber"], mergeProps({
+        ref: "$elInputNumber",
+        class: { "das-input-number-error": $props.error },
+        modelValue: $setup.innerValue,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.innerValue = $event),
+        readonly: $setup.isReadonly,
+        "controls-position": $props.controlsPosition,
+        placeholder: $setup.innerPlaceholder
+      }, _ctx.$attrs, {
+        onKeydown: $setup.channelInputLimit,
+        onInput: $setup.onInput,
+        onBlur: $setup.onBlur,
+        onChange: $setup.onChange
+      }), null, 16, ["class", "modelValue", "readonly", "controls-position", "placeholder"]),
+      $props.error && !!$props.errorLabel ? (openBlock(), createElementBlock(
+        Fragment,
+        { key: 0 },
         [
-          createVNode(unref$1(ElInputNumber), mergeProps({
-            ref_key: "$elInputNumber",
-            ref: $elInputNumber,
-            class: { "das-input-number-error": _ctx.error },
-            modelValue: innerValue.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event),
-            readonly: isReadonly.value,
-            "controls-position": _ctx.controlsPosition,
-            placeholder: innerPlaceholder.value
-          }, _ctx.$attrs, {
-            onKeydown: channelInputLimit,
-            onInput
-          }), null, 16, ["class", "modelValue", "readonly", "controls-position", "placeholder"]),
-          _ctx.error && !!_ctx.errorLabel ? (openBlock(), createElementBlock(
+          $props.errorMode === "default" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            createElementVNode(
+              "span",
+              {
+                style: normalizeStyle($setup.errorLabelStyle)
+              },
+              toDisplayString($props.errorLabel),
+              5
+              /* TEXT, STYLE */
+            )
+          ])) : $setup.isHoverInInput ? (openBlock(), createElementBlock(
             Fragment,
-            { key: 0 },
+            { key: 1 },
             [
-              _ctx.errorMode === "default" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              $setup.isHoverInInput ? (openBlock(), createBlock(Teleport, {
+                key: 0,
+                to: "body"
+              }, [
                 createElementVNode(
-                  "span",
+                  "div",
                   {
-                    style: normalizeStyle(errorLabelStyle.value)
+                    style: normalizeStyle($setup.errorModelStyle)
                   },
-                  toDisplayString(_ctx.errorLabel),
-                  5
-                  /* TEXT, STYLE */
-                )
-              ])) : isHoverInInput.value ? (openBlock(), createElementBlock(
-                Fragment,
-                { key: 1 },
-                [
-                  isHoverInInput.value ? (openBlock(), createBlock(Teleport, {
-                    key: 0,
-                    to: "body"
-                  }, [
+                  [
                     createElementVNode(
-                      "div",
+                      "span",
                       {
-                        style: normalizeStyle(errorModelStyle.value)
+                        style: normalizeStyle($setup.errorLabelStyle)
                       },
-                      [
-                        createElementVNode(
-                          "span",
-                          {
-                            style: normalizeStyle(errorLabelStyle.value)
-                          },
-                          toDisplayString(_ctx.errorLabel),
-                          5
-                          /* TEXT, STYLE */
-                        )
-                      ],
-                      4
-                      /* STYLE */
+                      toDisplayString($props.errorLabel),
+                      5
+                      /* TEXT, STYLE */
                     )
-                  ])) : (openBlock(), createElementBlock(
-                    "div",
+                  ],
+                  4
+                  /* STYLE */
+                )
+              ])) : (openBlock(), createElementBlock(
+                "div",
+                {
+                  key: 1,
+                  style: normalizeStyle($setup.errorModalBaseSyle),
+                  class: "das-input-number-overlay-error-label-content"
+                },
+                [
+                  createElementVNode(
+                    "span",
                     {
-                      key: 1,
-                      style: normalizeStyle(errorModalBaseSyle.value),
-                      class: "das-input-number-overlay-error-label-content"
+                      style: normalizeStyle($setup.errorLabelStyle)
                     },
-                    [
-                      createElementVNode(
-                        "span",
-                        {
-                          style: normalizeStyle(errorLabelStyle.value)
-                        },
-                        toDisplayString(_ctx.errorLabel),
-                        5
-                        /* TEXT, STYLE */
-                      )
-                    ],
-                    4
-                    /* STYLE */
-                  ))
+                    toDisplayString($props.errorLabel),
+                    5
+                    /* TEXT, STYLE */
+                  )
                 ],
-                64
-                /* STABLE_FRAGMENT */
-              )) : createCommentVNode("v-if", true)
+                4
+                /* STYLE */
+              ))
             ],
             64
             /* STABLE_FRAGMENT */
           )) : createCommentVNode("v-if", true)
         ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-});
-
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-
-var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3ace2e19"], ["__file", "E:\\company-code\\v6r3\\framework-3\\packages\\das-ui\\packages\\components\\input-number\\src\\App.vue"]]);
+        64
+        /* STABLE_FRAGMENT */
+      )) : createCommentVNode("v-if", true)
+    ],
+    2
+    /* CLASS */
+  );
+}
+var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3ace2e19"], ["__file", "/Users/xiecp/das/das-fe/framework/packages/das-ui/packages/components/input-number/src/App.vue"]]);
 
 var theme = {
   "--das-ui-input-number-border-view-color": "#E5E5E5",
+  "--das-ui-input-number-color": "#212121",
   "--das-ui-input-number-border-color": "#D9D9D9",
   "--das-ui-input-number-button-color": "#666666",
   "--das-ui-input-number-button-bg-color": "#ffffff",
   "--das-ui-input-number-active-color": "#5582F3",
   "--das-ui-input-number-disabled-color": "#B2B2B2",
-  "--das-ui-input-base-line-border-color": "#B2B2B2",
   "--das-ui-input-number-overlay-error-color": "#FB2323",
   "--das-ui-input-number-overlay-error-bg-color": "#FFDBE0"
 };

package/packages/components/live-player/index.css

@@ -0,0 +1 @@
+.das-live-player[data-v-6e50b2dc]{height:100%;min-height:10px;min-width:10px;position:relative;width:100%}.das-live-player[data-v-6e50b2dc] .video[data-v-6e50b2dc]{background:#000;height:100%;object-fit:fill;width:100%}.das-live-player[data-v-6e50b2dc] .error[data-v-6e50b2dc]{align-items:center;background:var(--6e50b2dc-loadingBackground);color:#409eff;cursor:pointer;display:flex;font-size:12px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}