cnhis-design-vue 3.1.9-beta.5 → 3.1.9-beta.8

package/es/packages/scale-view/src/hooks/{scaleview-computed2.mjs → scaleview-computed.js}

@@ -1,8 +1,8 @@
 import { computed } from 'vue';
-import { isEvaluation } from '../utils/judge-types2.mjs';
-import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
+import { isEvaluation } from '../utils/judge-types.js';
+import vexutils from '..\\..\\..\\../src/utils/vexutils';
 import moment from 'moment';
-import { componentMapStr } from './use-component2.mjs';
+import { componentMapStr } from './use-component.js';
 
 const ScaleViewComputed = (props, state, config) => {
   let { query } = config;
@@ -42,9 +42,9 @@ const ScaleViewComputed = (props, state, config) => {
     };
   });
   const handlePageClass = computed(() => {
-    if (props.type == "customList" && !state.noBtn)
+    if (props.type == "customList" && !props.noBtn)
       return false;
-    if (!state.noBtn && !props.hideBtn)
+    if (!props.noBtn && !props.hideBtn)
       return false;
     return true;
   });
@@ -71,13 +71,13 @@ const ScaleViewComputed = (props, state, config) => {
   const isPreviewScale = computed(() => {
     var _a;
     let guage_id = (_a = state.ids) == null ? void 0 : _a.guage_id;
-    return guage_id && state.noBtn;
+    return guage_id && props.noBtn;
   });
   const showEvaluateEntry = computed(() => {
-    return !isPreviewScale.value && state.showEvaluatePage && state.showEvaluateSettingWrap && !state.isFinished && !state.noBtn && !props.hideBtn;
+    return !isPreviewScale.value && state.showEvaluatePage && state.showEvaluateSettingWrap && !state.isFinished && !props.noBtn && !props.hideBtn;
   });
   const showEvaluateCoundownPage = computed(() => {
-    return !isPreviewScale.value && !showEvaluateEntry.value && state.showEvaluateCountdownWrap && !state.isFinished && !state.noBtn && !props.hideBtn;
+    return !isPreviewScale.value && !showEvaluateEntry.value && state.showEvaluateCountdownWrap && !state.isFinished && !props.noBtn && !props.hideBtn;
   });
   const hasEvaluateResultSetting = computed(() => {
     let { evaluateResultSetting = {} } = state.config;
@@ -98,9 +98,9 @@ const ScaleViewComputed = (props, state, config) => {
   });
   const showSaveBtn = computed(() => {
     if (!hasEvaluateResultSetting.value && !hasDefault.value) {
-      return !state.noBtn && !props.hideBtn;
+      return !props.noBtn && !props.hideBtn;
     }
-    return !state.noBtn && !props.hideBtn && !state.isFinished;
+    return !props.noBtn && !props.hideBtn && !state.isFinished;
   });
   const componentDisable = computed(() => {
     if (!hasEvaluateResultSetting.value && !hasDefault.value) {

package/es/packages/scale-view/src/hooks/{scaleview-init2.mjs → scaleview-init.js}

@@ -1,10 +1,10 @@
-import { handleQueryParams, getQueryVariable } from '../utils/judge-types2.mjs';
-import useNoData from './use-noData2.mjs';
-import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
-import { componentMap } from './use-component2.mjs';
-import { useEvent } from './use-event2.mjs';
-import { ScaleViewComputed } from './scaleview-computed2.mjs';
-import { ScaleViewValidate } from './scaleview-validate2.mjs';
+import { handleQueryParams, getQueryVariable } from '../utils/judge-types.js';
+import useNoData from './use-noData.js';
+import vexutils from '..\\..\\..\\../src/utils/vexutils';
+import { componentMap } from './use-component.js';
+import { useEvent } from './use-event.js';
+import { ScaleViewComputed } from './scaleview-computed.js';
+import { ScaleViewValidate } from './scaleview-validate.js';
 import { useDialog } from 'naive-ui';
 
 const ScaleViewInit = (props, state, emit, config) => {
@@ -170,7 +170,8 @@ const ScaleViewInit = (props, state, emit, config) => {
       }
     });
   };
-  const handleRelationLogic = (list, relationLogicObj) => {
+  const handleRelationLogic = (list, item) => {
+    let relationLogicObj = vexutils.isString(item.relationLogic) ? JSON.parse(item.relationLogic) : item.relationLogic;
     let { condition } = relationLogicObj || {};
     if (!condition || !condition.length)
       return;
@@ -190,6 +191,7 @@ const ScaleViewInit = (props, state, emit, config) => {
         c.value = replaceConditionItem(matchItem.options, value);
       }
     });
+    item.relationLogic = relationLogicObj;
   };
   const handleFrontAddress = (list) => {
     if (!list || !list.length)
@@ -338,8 +340,7 @@ const ScaleViewInit = (props, state, emit, config) => {
       return item;
     });
     return results.map((item) => {
-      let relationLogicObj = vexutils.isString(item.relationLogic) ? JSON.parse(item.relationLogic) : item.relationLogic;
-      handleRelationLogic(list, relationLogicObj);
+      handleRelationLogic(list, item);
       handLenextLogic(item);
       if (item.type === "CHECKBOX_BLOCK" && item.dbValue && !Array.isArray(item.dbValue) && props.type === "customList") {
         item.dbValue = item.dbValue.split(",").filter((ii) => !!ii);

package/es/packages/scale-view/src/hooks/{scaleview-submit2.mjs → scaleview-submit.js}

@@ -1,7 +1,7 @@
-import { getQueryVariable, isOnlyOptions } from '../utils/judge-types2.mjs';
-import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
+import { getQueryVariable, isOnlyOptions } from '../utils/judge-types.js';
+import vexutils from '..\\..\\..\\../src/utils/vexutils';
 import moment from 'moment';
-import { ScaleViewComputed } from './scaleview-computed2.mjs';
+import { ScaleViewComputed } from './scaleview-computed.js';
 
 const ScaleViewSubmit = (props, state, emit, config) => {
   const {

package/es/packages/scale-view/src/hooks/{scaleview-validate2.mjs → scaleview-validate.js}

@@ -1,73 +1,9 @@
-import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
+import vexutils from '..\\..\\..\\../src/utils/vexutils';
 import 'moment';
-import { ScaleViewComputed } from './scaleview-computed2.mjs';
+import { ScaleViewComputed } from './scaleview-computed.js';
 
 const ScaleViewValidate = (props, state, config) => {
   const { formKey } = ScaleViewComputed(props, state, config);
-  const formatRules = (formArray) => {
-    const rules = {};
-    formArray.forEach((item) => {
-      let newTitle = formKey(item);
-      if (newTitle.includes(".")) {
-        newTitle = newTitle.replace(/\./g, "~-~");
-      }
-      rules[newTitle] = [];
-      if (item.required) {
-        rules[newTitle].push({ required: item.required, message: "\u5FC5\u586B", trigger: "change" });
-      }
-      if (item.type == "MOBILE" && item.validation) {
-        rules[newTitle].push({
-          pattern: /^1[3456789]\d{9}$/,
-          message: "\u683C\u5F0F\u9519\u8BEF",
-          trigger: "blur"
-        });
-      } else if (item.type == "ID_CARD" && item.validation) {
-        rules[newTitle].push({
-          pattern: /^\d{6}(((19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2][0-9]|3[0-1])\d{3}([0-9]|x|X))|(\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2][0-9]|3[0-1])\d{3}))$/,
-          message: "\u683C\u5F0F\u9519\u8BEF",
-          trigger: "blur"
-        });
-      } else if (item.type == "ADDRESS" && item.required) {
-        if (handleAddressType(item)) {
-          rules[newTitle].push({
-            validator: checkAdress,
-            trigger: "change"
-          });
-        }
-      } else if (item.type == "LABEL" && item.required) {
-        rules[newTitle].push({
-          validator: checkLabel,
-          trigger: "change"
-        });
-      } else if (item.type == "DATETIME" && props.type == "customList") {
-        let dateMaxType = handleDateMaxType(item);
-        if (!dateMaxType)
-          return;
-        let obj = {
-          1: "checkDateMaxCur",
-          2: "checkDateMaxSet",
-          3: "checkDateMaxOther"
-        };
-        rules[newTitle].push({
-          validator: (rule, value) => obj[dateMaxType](rule, value, item),
-          trigger: "change"
-        });
-      } else if (item.type === "RADIO_BLOCK") {
-        state.choiceComObj[formKey(item)] = {};
-        rules[newTitle].push({
-          validator: (rule, value) => checkRadio(rule, value, item),
-          trigger: "change"
-        });
-      } else if (item.type === "CHECKBOX_BLOCK") {
-        state.choiceComObj[formKey(item)] = {};
-        rules[newTitle].push({
-          validator: (rule, value) => checkCheckbox(rule, value, item),
-          trigger: "change"
-        });
-      }
-    });
-    return rules;
-  };
   const handleAddressType = (item) => {
     let setObj = { addressType: "province-city-district-address" };
     if (vexutils.isJSON(item.setting)) {
@@ -156,6 +92,91 @@ const ScaleViewValidate = (props, state, config) => {
     }
     return true;
   };
+  const checkType = (val) => {
+    return Object.prototype.toString.call(val);
+  };
+  const validateRequired = (rule, value) => {
+    let type = checkType(value);
+    if (type == "[object Object]") {
+      if (value && Object.keys(value).length)
+        return true;
+    } else if (type == "[object Array]") {
+      if (value && value.length)
+        return true;
+    } else if (type == "[object Number]") {
+      if (value || value === 0)
+        return true;
+    } else {
+      if (value)
+        return true;
+    }
+    return new Error("\u5FC5\u586B");
+  };
+  const filterArr = ["LABEL", "ADDRESS"];
+  const formatRules = (formArray) => {
+    const rules = {};
+    formArray.forEach((item) => {
+      let newTitle = item.val_key;
+      if (newTitle.includes(".")) {
+        newTitle = newTitle.replace(/\./g, "~-~");
+      }
+      rules[newTitle] = [];
+      if (item.required && !filterArr.includes(item.type)) {
+        rules[newTitle].push({ required: item.required, message: "\u5FC5\u586B", trigger: "change", validator: validateRequired });
+      }
+      if (item.type == "MOBILE" && item.validation) {
+        rules[newTitle].push({
+          pattern: /^1[3456789]\d{9}$/,
+          message: "\u683C\u5F0F\u9519\u8BEF",
+          trigger: "blur"
+        });
+      } else if (item.type == "ID_CARD" && item.validation) {
+        rules[newTitle].push({
+          pattern: /^\d{6}(((19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2][0-9]|3[0-1])\d{3}([0-9]|x|X))|(\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2][0-9]|3[0-1])\d{3}))$/,
+          message: "\u683C\u5F0F\u9519\u8BEF",
+          trigger: "blur"
+        });
+      } else if (item.type == "ADDRESS" && item.required) {
+        if (handleAddressType(item)) {
+          rules[newTitle].push({
+            validator: checkAdress,
+            trigger: "change"
+          });
+        }
+      } else if (item.type == "LABEL" && item.required) {
+        rules[newTitle].push({
+          validator: checkLabel,
+          trigger: "change"
+        });
+      } else if (item.type == "DATETIME" && props.type == "customList") {
+        let dateMaxType = handleDateMaxType(item);
+        if (!dateMaxType)
+          return;
+        let obj = {
+          1: "checkDateMaxCur",
+          2: "checkDateMaxSet",
+          3: "checkDateMaxOther"
+        };
+        rules[newTitle].push({
+          validator: (rule, value) => obj[dateMaxType](rule, value, item),
+          trigger: "change"
+        });
+      } else if (item.type === "RADIO_BLOCK") {
+        state.choiceComObj[formKey(item)] = {};
+        rules[newTitle].push({
+          validator: (rule, value) => checkRadio(rule, value, item),
+          trigger: "change"
+        });
+      } else if (item.type === "CHECKBOX_BLOCK") {
+        state.choiceComObj[formKey(item)] = {};
+        rules[newTitle].push({
+          validator: (rule, value) => checkCheckbox(rule, value, item),
+          trigger: "change"
+        });
+      }
+    });
+    return rules;
+  };
   return {
     formatRules
   };

package/es/packages/scale-view/src/hooks/use-component.d.ts

@@ -5163,6 +5163,7 @@ export declare const componentMap: {
                     scrollable: BooleanConstructor;
                     contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
                     headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+                    footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
                     onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
                     'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
                     onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
@@ -5464,6 +5465,7 @@ export declare const componentMap: {
                     scrollable: BooleanConstructor;
                     contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
                     headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+                    footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
                     onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
                     'onUpdate:show': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
                     onUpdateShow: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
@@ -5629,7 +5631,10 @@ export declare const componentMap: {
                         readonly default: true;
                     };
                     readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-                    readonly nativeFocusBehavior: BooleanConstructor;
+                    readonly nativeFocusBehavior: {
+                        readonly type: BooleanConstructor;
+                        readonly default: boolean;
+                    };
                     readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
                         heightTiny: string;
                         heightSmall: string;
@@ -6343,7 +6348,10 @@ export declare const componentMap: {
                         readonly default: true;
                     };
                     readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-                    readonly nativeFocusBehavior: BooleanConstructor;
+                    readonly nativeFocusBehavior: {
+                        readonly type: BooleanConstructor;
+                        readonly default: boolean;
+                    };
                     readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
                         heightTiny: string;
                         heightSmall: string;
@@ -8484,7 +8492,10 @@ export declare const componentMap: {
                 readonly default: true;
             };
             readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-            readonly nativeFocusBehavior: BooleanConstructor;
+            readonly nativeFocusBehavior: {
+                readonly type: BooleanConstructor;
+                readonly default: boolean;
+            };
             readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
                 heightTiny: string;
                 heightSmall: string;
@@ -9198,7 +9209,10 @@ export declare const componentMap: {
                 readonly default: true;
             };
             readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-            readonly nativeFocusBehavior: BooleanConstructor;
+            readonly nativeFocusBehavior: {
+                readonly type: BooleanConstructor;
+                readonly default: boolean;
+            };
             readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
                 heightTiny: string;
                 heightSmall: string;

package/es/packages/scale-view/src/hooks/{use-component2.mjs → use-component.js}

@@ -1,16 +1,16 @@
 import { shallowRef } from 'vue';
-import RInput from '../components/formitem/r-input2.mjs';
-import scriptRadio from '../components/formitem/r-radio2.mjs';
-import scriptCheckbox from '../components/formitem/r-checkbox2.mjs';
-import scriptSelect from '../components/formitem/r-select2.mjs';
-import scriptDatetime from '../components/formitem/r-datetime2.mjs';
-import RCascader from '../components/formitem/r-cascader2.mjs';
-import RCollection from '../components/formitem/r-collection2.mjs';
-import RAddress from '../components/formitem/r-address2.mjs';
-import RUpload from '../components/formitem/r-upload2.mjs';
-import RMap from '../components/formitem/r-map2.mjs';
-import RVodChunkUpload from 'cnhis-design-vue/es/packages/chunk-upload/src/vod-chunk-upload';
-import CSelectLabel from 'cnhis-design-vue/es/packages/select-label';
+import RInput from '../components/formitem/r-input.js';
+import scriptRadio from '../components/formitem/r-radio.js';
+import scriptCheckbox from '../components/formitem/r-checkbox.js';
+import scriptSelect from '../components/formitem/r-select.js';
+import scriptDatetime from '../components/formitem/r-datetime.js';
+import RCascader from '../components/formitem/r-cascader.js';
+import RCollection from '../components/formitem/r-collection.js';
+import RAddress from '../components/formitem/r-address.js';
+import RUpload from '../components/formitem/r-upload.js';
+import RMap from '../components/formitem/r-map.js';
+import RVodChunkUpload from '..\\..\\..\\../packages/chunk-upload/src/vod-chunk-upload';
+import CSelectLabel from '..\\..\\..\\../packages/select-label';
 
 let RInputCom = shallowRef(RInput);
 let RRadioCom = shallowRef(scriptRadio);

package/es/packages/scale-view/src/hooks/{use-evaluate2.mjs → use-evaluate.js}

@@ -1,6 +1,6 @@
 import { reactive, computed, onMounted, onUnmounted } from 'vue';
 import moment from 'moment';
-import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
+import vexutils from '..\\..\\..\\../src/utils/vexutils';
 
 const useEvaluate = (props, state, config) => {
   let { emit } = config;

package/es/packages/scale-view/src/hooks/{use-event2.mjs → use-event.js}

@@ -1,4 +1,4 @@
-import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
+import vexutils from '..\\..\\..\\../src/utils/vexutils';
 
 const useEvent = (props, state) => {
   const formKey = (item) => {

package/es/packages/scale-view/style/index.css

@@ -3,6 +3,10 @@
   flex-wrap: wrap;
   width: 100%;
 }
+.c-choice-wrap .n-radio-input {
+  width: 14px;
+  height: 14px;
+}
 .c-choice-wrap .scale-choice-img-wrap {
   display: inline-block;
   position: relative;
@@ -70,18 +74,18 @@
   align-items: center;
   margin: 4px 0;
 }
-.c-choice-wrap label :deep(.n-radio__label) {
+.c-choice-wrap label .n-radio__label {
   flex: 1;
   display: inline-flex;
   align-items: center;
   white-space: normal;
 }
-.c-choice-wrap > :deep(.n-checkbox) {
+.c-choice-wrap > .n-checkbox {
   display: inline-flex;
   align-items: center;
   margin: 4px 0;
 }
-.c-choice-wrap > :deep(.n-checkbox) .n-checkbox__label {
+.c-choice-wrap > .n-checkbox .n-checkbox__label {
   flex: 1;
   display: inline-flex;
   align-items: center;
@@ -113,7 +117,7 @@
   box-sizing: border-box;
   color: rgba(0, 0, 0, 0.65);
 }
-.c-scale :deep(.n-form-item-label) {
+.c-scale .n-form-item-label {
   font-weight: 700;
 }
 .c-scale .scale-container {
@@ -142,7 +146,7 @@
   border-radius: 10px;
   background-color: #dbdcdc;
 }
-.c-scale :deep(.no-data-tip) {
+.c-scale .no-data-tip {
   width: 100%;
   height: 100%;
 }
@@ -213,10 +217,10 @@
 .rich-text-content {
   word-break: break-all;
 }
-.rich-text-content :deep(p) {
+.rich-text-content p {
   margin-bottom: 0;
 }
-.rich-text-content :deep(img) {
+.rich-text-content img {
   max-width: 100%;
 }
 .n-dialog.n-modal.c-evatip-dialog-wrap {
@@ -513,6 +517,9 @@
   width: 100%;
   text-align: left;
 }
+.c-scale .n-form-item {
+  --n-label-height: unset !important;
+}
 .no-data-tip {
   display: flex;
   flex-direction: column;
@@ -599,13 +606,13 @@
   width: 100%;
   cursor: pointer;
 }
-.c-map-container :deep(.n-input.map-input) .n-input__prefix {
+.c-map-container .n-input.map-input .n-input__prefix {
   transform: rotate(180deg);
 }
-.c-map-container :deep(.n-input.map-input) .n-input__prefix .n-icon {
+.c-map-container .n-input.map-input .n-input__prefix .n-icon {
   color: rgba(0, 0, 0, 0.65);
 }
-.c-map-container :deep(.n-input.map-input).n-input--disabled .n-input__input-el {
+.c-map-container .n-input.map-input.n-input--disabled .n-input__input-el {
   color: rgba(0, 0, 0, 0.65);
   background-color: #fff;
   cursor: pointer;
@@ -616,33 +623,33 @@
 .c-scale-upload {
   width: 100%;
 }
-.c-scale-upload :deep(.n-upload-file-list) {
+.c-scale-upload .n-upload-file-list {
   display: flex;
 }
-.c-scale-upload :deep(.n-upload-file-list) .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-card-type {
+.c-scale-upload .n-upload-file-list .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-card-type {
   box-sizing: border-box;
   background: rgba(0, 0, 0, 0.5);
 }
-.c-scale-upload :deep(.n-upload-file-list) .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-card-type span.n-button__icon {
+.c-scale-upload .n-upload-file-list .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-card-type span.n-button__icon {
   color: #fff;
 }
-.c-scale-upload :deep(.n-upload-file-list) .n-upload-trigger.n-upload-trigger--image-card {
+.c-scale-upload .n-upload-file-list .n-upload-trigger.n-upload-trigger--image-card {
   width: 184px;
   height: 184px;
   border-color: #d5d5d5;
   background-color: #fafafa;
 }
-.c-scale-upload :deep(.n-upload-file-list) .n-upload-file.n-upload-file--image-card-type {
+.c-scale-upload .n-upload-file-list .n-upload-file.n-upload-file--image-card-type {
   width: 184px;
   height: 184px;
   padding: 8px;
   border-color: #d5d5d5;
   background-color: #fafafa;
 }
-.c-scale-upload :deep(.n-upload-file-list) .n-upload-file.n-upload-file--image-card-type .n-image {
+.c-scale-upload .n-upload-file-list .n-upload-file.n-upload-file--image-card-type .n-image {
   height: 100%;
 }
-.c-scale-upload :deep(.n-upload-file-list) .n-upload-file.n-upload-file--image-card-type img {
+.c-scale-upload .n-upload-file-list .n-upload-file.n-upload-file--image-card-type img {
   object-fit: cover !important;
 }
 .c-scale-upload .upload-img-wrap {
@@ -664,15 +671,15 @@
 .c-scale-upload.scale-upload-file .dragger-upload-text {
   color: rgba(0, 0, 0, 0.65);
 }
-.c-scale-upload.scale-upload-file :deep(.n-upload-file-list) {
+.c-scale-upload.scale-upload-file .n-upload-file-list {
   display: flex;
   flex-direction: column;
   width: 100%;
 }
-.c-scale-upload.scale-upload-file :deep(.n-upload-file-list) .n-upload-file {
+.c-scale-upload.scale-upload-file .n-upload-file-list .n-upload-file {
   width: 100%;
 }
-.c-scale-upload.scale-upload-file :deep(.n-upload-trigger) {
+.c-scale-upload.scale-upload-file .n-upload-trigger {
   width: 100%;
   background: #fafafa;
   border-color: #d5d5d5;