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

package/es/packages/scale-view/src/hooks/scaleview-computed.mjs

@@ -1,320 +1 @@
-import { computed } from 'vue';
-import { isEvaluation } from '../utils/judge-types.mjs';
-import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
-import moment from 'moment';
-import { componentMapStr } from './use-component.mjs';
-
-const ScaleViewComputed = (props, state, config) => {
-  let { query } = config;
-  const queryformBoldOpen = computed(() => {
-    return (query == null ? void 0 : query.formBoldOpen) == 1;
-  });
-  const showEvatip = computed(() => (item) => {
-    var _a;
-    if (!isEvaluation(item.type))
-      return false;
-    return (query == null ? void 0 : query.evatip) == 1 || ((_a = props.params) == null ? void 0 : _a.evatip) == 1;
-  });
-  const isFormBoldOpen = computed(() => (item) => {
-    let res = item.required;
-    if (!props.styleSetting || !Object.keys(props.styleSetting).length || !("formBoldOpen" in props.styleSetting)) {
-      return res && queryformBoldOpen.value;
-    }
-    return res && props.styleSetting.formBoldOpen;
-  });
-  const scaleStyle = computed(() => {
-    let fontSize = state.fontSize;
-    if (!fontSize || fontSize === "S")
-      return null;
-    const keyValue = {
-      L: "large",
-      M: "medium",
-      XS: "extrasmall"
-    };
-    fontSize = keyValue[fontSize];
-    const scale = fontSize && state.fontSizeObj[fontSize] || 1;
-    const size = 1e4;
-    const value = Math.floor(100 / scale * size) / size;
-    return {
-      width: `${value}%`,
-      height: `${value}%`,
-      transform: `scale(${scale})`
-    };
-  });
-  const handlePageClass = computed(() => {
-    if (props.type == "customList" && !state.noBtn)
-      return false;
-    if (!state.noBtn && !props.hideBtn)
-      return false;
-    return true;
-  });
-  const isShowItem = computed(() => (item) => {
-    return showEvent(item);
-  });
-  const handleShowQuestionNumber = computed(() => (item) => {
-    var _a;
-    let { type } = item || {};
-    let tempTile = ((_a = state.config) == null ? void 0 : _a.autoQuestionNumber) === false ? item.showTitle : `${item.softcode}\u3001${item.showTitle}`;
-    if (!isEvaluation(type))
-      return tempTile;
-    let score = handleEvaluationScore(item);
-    return `${tempTile}&nbsp;<span style="color:#2d7aff;">${score}</span>`;
-  });
-  const hasScore = computed(() => {
-    let { config: config2 } = state;
-    if (!config2 || !Object.keys(config2).length)
-      return false;
-    if ("totalScore" in config2)
-      return true;
-    return false;
-  });
-  const isPreviewScale = computed(() => {
-    var _a;
-    let guage_id = (_a = state.ids) == null ? void 0 : _a.guage_id;
-    return guage_id && state.noBtn;
-  });
-  const showEvaluateEntry = computed(() => {
-    return !isPreviewScale.value && state.showEvaluatePage && state.showEvaluateSettingWrap && !state.isFinished && !state.noBtn && !props.hideBtn;
-  });
-  const showEvaluateCoundownPage = computed(() => {
-    return !isPreviewScale.value && !showEvaluateEntry.value && state.showEvaluateCountdownWrap && !state.isFinished && !state.noBtn && !props.hideBtn;
-  });
-  const hasEvaluateResultSetting = computed(() => {
-    let { evaluateResultSetting = {} } = state.config;
-    let valueArr = Object.values(evaluateResultSetting).filter((item) => {
-      if (item)
-        return true;
-    }) || [];
-    return valueArr.length;
-  });
-  const hasparamsEvaluate = computed(() => {
-    return state.paramsEvaluate && Object.keys(state.paramsEvaluate).length;
-  });
-  const hasDefault = computed(() => {
-    let hash = window.location.hash;
-    let defaultVariable = ["evaname", "evadesc", "evast", "evadur", "evaan"];
-    let hasDefaultItem = defaultVariable.find((item) => hash.includes(item));
-    return state.paramsEvaluate || hasDefaultItem;
-  });
-  const showSaveBtn = computed(() => {
-    if (!hasEvaluateResultSetting.value && !hasDefault.value) {
-      return !state.noBtn && !props.hideBtn;
-    }
-    return !state.noBtn && !props.hideBtn && !state.isFinished;
-  });
-  const componentDisable = computed(() => {
-    if (!hasEvaluateResultSetting.value && !hasDefault.value) {
-      return !!props.hideBtn || !!props.isLock;
-    }
-    return !!props.hideBtn || !!props.isLock || state.isFinished;
-  });
-  const showEvaluateLabel = computed(() => (item) => {
-    let obj = {
-      EVALUATE_RADIO_BLOCK: "\u5355\u9009\u9898",
-      EVALUATE_CHECKBOX_BLOCK: "\u591A\u9009\u9898"
-    };
-    return obj[item.type];
-  });
-  const showAnswerParse = computed(() => (item) => {
-    var _a;
-    let { evaluateAnswer, checkAnswerMode, evaluateStartTime, evaluateTime } = ((_a = state.config) == null ? void 0 : _a.evaluateResultSetting) || {};
-    let arr = [
-      "EVALUATE_RADIO_BLOCK",
-      "EVALUATE_CHECKBOX_BLOCK",
-      "EVALUATE_SELECT",
-      "EVALUATE_INPUT"
-    ];
-    let maxScore = (item == null ? void 0 : item.scoreConfigs) || 0;
-    let isShow = evaluateAnswer && state.isFinished && arr.includes(item.type) && maxScore;
-    if (!evaluateStartTime || !evaluateTime || checkAnswerMode && checkAnswerMode == 1) {
-      return isShow;
-    }
-    if (!vexutils.isValidDate(new Date(evaluateStartTime)))
-      return isShow;
-    let endTime = moment(evaluateStartTime).add(evaluateTime, "minutes");
-    let isRang = endTime.diff(moment(), "seconds", true);
-    return isShow && isRang <= 0;
-  });
-  const tipMsg = computed(() => {
-    return props.type === "customList" ? "\u4FDD\u5B58" : "\u63D0\u4EA4";
-  });
-  const selectProps = computed(() => {
-    return {
-      getSelectOptions: props.getSelectOptions,
-      getSearchOptions: props.getSearchOptions,
-      openType: props.openType
-    };
-  });
-  const cascaderProps = computed(() => {
-    return {
-      getCascadeOptions: props.getCascadeOptions
-    };
-  });
-  const uploadProps = computed(() => {
-    return {
-      uploadPictureUrl: props.uploadPictureUrl,
-      uploadFileUrl: props.uploadFileUrl
-    };
-  });
-  const mapProps = computed(() => {
-    return {
-      ak: props.ak
-    };
-  });
-  const getChunkUploadConfig = () => {
-    return Promise.resolve({
-      checkFileMd5Exist: "http://192.168.1.223:12060/storage/checkFileMd5Exist",
-      fileChannel: "null",
-      md5: "9ed34823e7ef4754819704135b29c9ab",
-      objectName: "0/0/20220602",
-      partFileMerge: "http://192.168.1.223:12060/storage/partFileMerge",
-      partFileUpload: "http://192.168.1.223:12060/storage/partFileUpload",
-      token: "73a9671c6eaa415db33d00a3651c3660"
-    });
-  };
-  const vodChunkUploadProps = computed(() => {
-    return {
-      source: "guage",
-      getChunkUploadConfig
-    };
-  });
-  const selectLabelProps = computed(() => {
-    return {
-      selectedList: state.labelSelectedList,
-      getLabelList: props.getLabelList
-    };
-  });
-  const comProsMap = {
-    "RSelectCom": selectProps.value,
-    "RCascaderCom": cascaderProps.value,
-    "RUploadCom": uploadProps.value,
-    "RMapCom": mapProps.value,
-    "RVodChunkUploadCom": vodChunkUploadProps.value,
-    "CSelectLabelCom": selectLabelProps.value
-  };
-  const propsConfig = computed(() => (item, index) => {
-    var _a;
-    const propType = componentMapStr[item.type];
-    let useProps = comProsMap[propType] || {};
-    let propsObj = {
-      form: state.form,
-      item,
-      index,
-      isLock: componentDisable.value,
-      ...useProps
-    };
-    if (propType === "RVodChunkUploadCom") {
-      Object.assign(propsObj, {
-        formData: item,
-        limitNum: ((_a = item.setting) == null ? void 0 : _a.limitPic) || 1,
-        defFileList: state.form[item.val_key]
-      });
-    }
-    if (propType === "RMapCom") {
-      Object.assign(propsObj, {
-        locationProp: state.form[item.val_key]
-      });
-    }
-    if (propType === "CSelectLabelCom") {
-      delete propsObj.form;
-      delete propsObj.index;
-    }
-    return propsObj;
-  });
-  const showEvent = (formItem, isSubmitCallback) => {
-    if (formItem.hide)
-      return false;
-    const { form = {}, formArray = [] } = state;
-    let relationLogicObj = {};
-    if (isSubmitCallback) {
-      let setting = formItem.setting;
-      if (formItem.setting && vexutils.isJSON(formItem.setting)) {
-        setting = JSON.parse(formItem.setting);
-      }
-      relationLogicObj = vexutils.isString(setting.callbackCondition) ? JSON.parse(setting.callbackCondition) : setting.callbackCondition;
-      if (!relationLogicObj || !relationLogicObj.condition || !relationLogicObj.condition.length) {
-        return true;
-      }
-    } else {
-      relationLogicObj = vexutils.isString(formItem.relationLogic) ? JSON.parse(formItem.relationLogic) : formItem.relationLogic;
-    }
-    if (!relationLogicObj || !Object.keys(relationLogicObj).length)
-      return true;
-    const { relation_logic_is, condition, relation_logic } = relationLogicObj;
-    if (relation_logic_is) {
-      const results = condition.map((c) => {
-        let mItem = formArray.filter((f) => f.seq == c.subject_seq)[0];
-        let key = formKey(mItem);
-        if (vexutils.isArray(form[key])) {
-          return form[key].some((v) => c.value.includes(v));
-        } else {
-          return c.value.includes(form[key]);
-        }
-      });
-      if (relation_logic == "OR") {
-        formItem.isShow = results.some((el) => el);
-      } else if (relation_logic == "AND") {
-        formItem.isShow = results.every((el) => el);
-      } else {
-        formItem.isShow = results[0];
-      }
-    }
-    return formItem.isShow;
-  };
-  const formKey = (item) => {
-    return item.databaseTitle || item.title;
-  };
-  const handleEvaluationScore = (ele) => {
-    let { minScore = 0, maxScore = 0, scoreType } = ele.scoreConfigs || {};
-    return `(${maxScore}\u5206)`;
-  };
-  const evaluatePageProps = computed(() => {
-    var _a, _b;
-    return {
-      formArray: state.formArray,
-      evaluateResultConfig: ((_a = state.config) == null ? void 0 : _a.evaluateResultConfig) || {},
-      evaluateResultSetting: ((_b = state.config) == null ? void 0 : _b.evaluateResultSetting) || {},
-      isFinished: state.isFinished,
-      maxScore: state.maxScore
-    };
-  });
-  const evaluateCountdownProps = computed(() => {
-    var _a, _b;
-    return {
-      formArray: state.formArray,
-      evaluateResultConfig: ((_a = state.config) == null ? void 0 : _a.evaluateResultConfig) || {},
-      evaluateResultSetting: ((_b = state.config) == null ? void 0 : _b.evaluateResultSetting) || {},
-      form: state.form,
-      isFinished: state.isFinished,
-      currentTime: state.currentTime,
-      showEvaluateCountdown: state.showEvaluateCountdown
-    };
-  });
-  return {
-    showEvatip,
-    isFormBoldOpen,
-    scaleStyle,
-    handlePageClass,
-    isShowItem,
-    handleShowQuestionNumber,
-    hasScore,
-    isPreviewScale,
-    showEvaluateEntry,
-    showEvaluateCoundownPage,
-    hasEvaluateResultSetting,
-    hasparamsEvaluate,
-    hasDefault,
-    showSaveBtn,
-    componentDisable,
-    showEvaluateLabel,
-    showAnswerParse,
-    tipMsg,
-    propsConfig,
-    showEvent,
-    formKey,
-    evaluatePageProps,
-    evaluateCountdownProps
-  };
-};
-
-export { ScaleViewComputed };
+export { ScaleViewComputed } from './scaleview-computed2.mjs';

package/es/packages/scale-view/src/hooks/scaleview-computed2.mjs

@@ -0,0 +1,320 @@
+import { computed } from 'vue';
+import { isEvaluation } from '../utils/judge-types2.mjs';
+import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
+import moment from 'moment';
+import { componentMapStr } from './use-component2.mjs';
+
+const ScaleViewComputed = (props, state, config) => {
+  let { query } = config;
+  const queryformBoldOpen = computed(() => {
+    return (query == null ? void 0 : query.formBoldOpen) == 1;
+  });
+  const showEvatip = computed(() => (item) => {
+    var _a;
+    if (!isEvaluation(item.type))
+      return false;
+    return (query == null ? void 0 : query.evatip) == 1 || ((_a = props.params) == null ? void 0 : _a.evatip) == 1;
+  });
+  const isFormBoldOpen = computed(() => (item) => {
+    let res = item.required;
+    if (!props.styleSetting || !Object.keys(props.styleSetting).length || !("formBoldOpen" in props.styleSetting)) {
+      return res && queryformBoldOpen.value;
+    }
+    return res && props.styleSetting.formBoldOpen;
+  });
+  const scaleStyle = computed(() => {
+    let fontSize = state.fontSize;
+    if (!fontSize || fontSize === "S")
+      return null;
+    const keyValue = {
+      L: "large",
+      M: "medium",
+      XS: "extrasmall"
+    };
+    fontSize = keyValue[fontSize];
+    const scale = fontSize && state.fontSizeObj[fontSize] || 1;
+    const size = 1e4;
+    const value = Math.floor(100 / scale * size) / size;
+    return {
+      width: `${value}%`,
+      height: `${value}%`,
+      transform: `scale(${scale})`
+    };
+  });
+  const handlePageClass = computed(() => {
+    if (props.type == "customList" && !state.noBtn)
+      return false;
+    if (!state.noBtn && !props.hideBtn)
+      return false;
+    return true;
+  });
+  const isShowItem = computed(() => (item) => {
+    return showEvent(item);
+  });
+  const handleShowQuestionNumber = computed(() => (item) => {
+    var _a;
+    let { type } = item || {};
+    let tempTile = ((_a = state.config) == null ? void 0 : _a.autoQuestionNumber) === false ? item.showTitle : `${item.softcode}\u3001${item.showTitle}`;
+    if (!isEvaluation(type))
+      return tempTile;
+    let score = handleEvaluationScore(item);
+    return `${tempTile}&nbsp;<span style="color:#2d7aff;">${score}</span>`;
+  });
+  const hasScore = computed(() => {
+    let { config: config2 } = state;
+    if (!config2 || !Object.keys(config2).length)
+      return false;
+    if ("totalScore" in config2)
+      return true;
+    return false;
+  });
+  const isPreviewScale = computed(() => {
+    var _a;
+    let guage_id = (_a = state.ids) == null ? void 0 : _a.guage_id;
+    return guage_id && state.noBtn;
+  });
+  const showEvaluateEntry = computed(() => {
+    return !isPreviewScale.value && state.showEvaluatePage && state.showEvaluateSettingWrap && !state.isFinished && !state.noBtn && !props.hideBtn;
+  });
+  const showEvaluateCoundownPage = computed(() => {
+    return !isPreviewScale.value && !showEvaluateEntry.value && state.showEvaluateCountdownWrap && !state.isFinished && !state.noBtn && !props.hideBtn;
+  });
+  const hasEvaluateResultSetting = computed(() => {
+    let { evaluateResultSetting = {} } = state.config;
+    let valueArr = Object.values(evaluateResultSetting).filter((item) => {
+      if (item)
+        return true;
+    }) || [];
+    return valueArr.length;
+  });
+  const hasparamsEvaluate = computed(() => {
+    return state.paramsEvaluate && Object.keys(state.paramsEvaluate).length;
+  });
+  const hasDefault = computed(() => {
+    let hash = window.location.hash;
+    let defaultVariable = ["evaname", "evadesc", "evast", "evadur", "evaan"];
+    let hasDefaultItem = defaultVariable.find((item) => hash.includes(item));
+    return state.paramsEvaluate || hasDefaultItem;
+  });
+  const showSaveBtn = computed(() => {
+    if (!hasEvaluateResultSetting.value && !hasDefault.value) {
+      return !state.noBtn && !props.hideBtn;
+    }
+    return !state.noBtn && !props.hideBtn && !state.isFinished;
+  });
+  const componentDisable = computed(() => {
+    if (!hasEvaluateResultSetting.value && !hasDefault.value) {
+      return !!props.hideBtn || !!props.isLock;
+    }
+    return !!props.hideBtn || !!props.isLock || state.isFinished;
+  });
+  const showEvaluateLabel = computed(() => (item) => {
+    let obj = {
+      EVALUATE_RADIO_BLOCK: "\u5355\u9009\u9898",
+      EVALUATE_CHECKBOX_BLOCK: "\u591A\u9009\u9898"
+    };
+    return obj[item.type];
+  });
+  const showAnswerParse = computed(() => (item) => {
+    var _a;
+    let { evaluateAnswer, checkAnswerMode, evaluateStartTime, evaluateTime } = ((_a = state.config) == null ? void 0 : _a.evaluateResultSetting) || {};
+    let arr = [
+      "EVALUATE_RADIO_BLOCK",
+      "EVALUATE_CHECKBOX_BLOCK",
+      "EVALUATE_SELECT",
+      "EVALUATE_INPUT"
+    ];
+    let maxScore = (item == null ? void 0 : item.scoreConfigs) || 0;
+    let isShow = evaluateAnswer && state.isFinished && arr.includes(item.type) && maxScore;
+    if (!evaluateStartTime || !evaluateTime || checkAnswerMode && checkAnswerMode == 1) {
+      return isShow;
+    }
+    if (!vexutils.isValidDate(new Date(evaluateStartTime)))
+      return isShow;
+    let endTime = moment(evaluateStartTime).add(evaluateTime, "minutes");
+    let isRang = endTime.diff(moment(), "seconds", true);
+    return isShow && isRang <= 0;
+  });
+  const tipMsg = computed(() => {
+    return props.type === "customList" ? "\u4FDD\u5B58" : "\u63D0\u4EA4";
+  });
+  const selectProps = computed(() => {
+    return {
+      getSelectOptions: props.getSelectOptions,
+      getSearchOptions: props.getSearchOptions,
+      openType: props.openType
+    };
+  });
+  const cascaderProps = computed(() => {
+    return {
+      getCascadeOptions: props.getCascadeOptions
+    };
+  });
+  const uploadProps = computed(() => {
+    return {
+      uploadPictureUrl: props.uploadPictureUrl,
+      uploadFileUrl: props.uploadFileUrl
+    };
+  });
+  const mapProps = computed(() => {
+    return {
+      ak: props.ak
+    };
+  });
+  const getChunkUploadConfig = () => {
+    return Promise.resolve({
+      checkFileMd5Exist: "http://192.168.1.223:12060/storage/checkFileMd5Exist",
+      fileChannel: "null",
+      md5: "9ed34823e7ef4754819704135b29c9ab",
+      objectName: "0/0/20220602",
+      partFileMerge: "http://192.168.1.223:12060/storage/partFileMerge",
+      partFileUpload: "http://192.168.1.223:12060/storage/partFileUpload",
+      token: "73a9671c6eaa415db33d00a3651c3660"
+    });
+  };
+  const vodChunkUploadProps = computed(() => {
+    return {
+      source: "guage",
+      getChunkUploadConfig
+    };
+  });
+  const selectLabelProps = computed(() => {
+    return {
+      selectedList: state.labelSelectedList,
+      getLabelList: props.getLabelList
+    };
+  });
+  const comProsMap = {
+    "RSelectCom": selectProps.value,
+    "RCascaderCom": cascaderProps.value,
+    "RUploadCom": uploadProps.value,
+    "RMapCom": mapProps.value,
+    "RVodChunkUploadCom": vodChunkUploadProps.value,
+    "CSelectLabelCom": selectLabelProps.value
+  };
+  const propsConfig = computed(() => (item, index) => {
+    var _a;
+    const propType = componentMapStr[item.type];
+    let useProps = comProsMap[propType] || {};
+    let propsObj = {
+      form: state.form,
+      item,
+      index,
+      isLock: componentDisable.value,
+      ...useProps
+    };
+    if (propType === "RVodChunkUploadCom") {
+      Object.assign(propsObj, {
+        formData: item,
+        limitNum: ((_a = item.setting) == null ? void 0 : _a.limitPic) || 1,
+        defFileList: state.form[item.val_key]
+      });
+    }
+    if (propType === "RMapCom") {
+      Object.assign(propsObj, {
+        locationProp: state.form[item.val_key]
+      });
+    }
+    if (propType === "CSelectLabelCom") {
+      delete propsObj.form;
+      delete propsObj.index;
+    }
+    return propsObj;
+  });
+  const showEvent = (formItem, isSubmitCallback) => {
+    if (formItem.hide)
+      return false;
+    const { form = {}, formArray = [] } = state;
+    let relationLogicObj = {};
+    if (isSubmitCallback) {
+      let setting = formItem.setting;
+      if (formItem.setting && vexutils.isJSON(formItem.setting)) {
+        setting = JSON.parse(formItem.setting);
+      }
+      relationLogicObj = vexutils.isString(setting.callbackCondition) ? JSON.parse(setting.callbackCondition) : setting.callbackCondition;
+      if (!relationLogicObj || !relationLogicObj.condition || !relationLogicObj.condition.length) {
+        return true;
+      }
+    } else {
+      relationLogicObj = vexutils.isString(formItem.relationLogic) ? JSON.parse(formItem.relationLogic) : formItem.relationLogic;
+    }
+    if (!relationLogicObj || !Object.keys(relationLogicObj).length)
+      return true;
+    const { relation_logic_is, condition, relation_logic } = relationLogicObj;
+    if (relation_logic_is) {
+      const results = condition.map((c) => {
+        let mItem = formArray.filter((f) => f.seq == c.subject_seq)[0];
+        let key = formKey(mItem);
+        if (vexutils.isArray(form[key])) {
+          return form[key].some((v) => c.value.includes(v));
+        } else {
+          return c.value.includes(form[key]);
+        }
+      });
+      if (relation_logic == "OR") {
+        formItem.isShow = results.some((el) => el);
+      } else if (relation_logic == "AND") {
+        formItem.isShow = results.every((el) => el);
+      } else {
+        formItem.isShow = results[0];
+      }
+    }
+    return formItem.isShow;
+  };
+  const formKey = (item) => {
+    return item.databaseTitle || item.title;
+  };
+  const handleEvaluationScore = (ele) => {
+    let { minScore = 0, maxScore = 0, scoreType } = ele.scoreConfigs || {};
+    return `(${maxScore}\u5206)`;
+  };
+  const evaluatePageProps = computed(() => {
+    var _a, _b;
+    return {
+      formArray: state.formArray,
+      evaluateResultConfig: ((_a = state.config) == null ? void 0 : _a.evaluateResultConfig) || {},
+      evaluateResultSetting: ((_b = state.config) == null ? void 0 : _b.evaluateResultSetting) || {},
+      isFinished: state.isFinished,
+      maxScore: state.maxScore
+    };
+  });
+  const evaluateCountdownProps = computed(() => {
+    var _a, _b;
+    return {
+      formArray: state.formArray,
+      evaluateResultConfig: ((_a = state.config) == null ? void 0 : _a.evaluateResultConfig) || {},
+      evaluateResultSetting: ((_b = state.config) == null ? void 0 : _b.evaluateResultSetting) || {},
+      form: state.form,
+      isFinished: state.isFinished,
+      currentTime: state.currentTime,
+      showEvaluateCountdown: state.showEvaluateCountdown
+    };
+  });
+  return {
+    showEvatip,
+    isFormBoldOpen,
+    scaleStyle,
+    handlePageClass,
+    isShowItem,
+    handleShowQuestionNumber,
+    hasScore,
+    isPreviewScale,
+    showEvaluateEntry,
+    showEvaluateCoundownPage,
+    hasEvaluateResultSetting,
+    hasparamsEvaluate,
+    hasDefault,
+    showSaveBtn,
+    componentDisable,
+    showEvaluateLabel,
+    showAnswerParse,
+    tipMsg,
+    propsConfig,
+    showEvent,
+    formKey,
+    evaluatePageProps,
+    evaluateCountdownProps
+  };
+};
+
+export { ScaleViewComputed };