cnhis-design-vue 0.2.64-beta → 0.3.2-beta

package/packages/big-table/src/utils/tableParse.js

@@ -1,153 +0,0 @@
-import vexutils from '@/utils/vexutils';
-
-// DURATION - 解析时长类型
-export function parseDurationValue(v, duration) {
-  // < 1 分钟 显示 X秒;< 60 分钟 显示 X分钟;< 24 * 60 分钟 显示 X 小时 X 分钟;< 30 * 24 * 60 分钟 显示X天X小时;< 365 * 24 * 60 显示 X个月X天
-  if (!v && v !== 0) return;
-  const unitList = {
-    day: 86400,
-    minute: 60,
-    hour: 3600,
-    second: 1
-  };
-  const unit = (duration && unitList[duration]) || 1;
-  const value = v * unit || 0;
-  const mu = 60;
-  if (value < mu) {
-    return `${value}秒`;
-  }
-  const hu = mu * 60;
-  if (value < hu) {
-    return `${Math.floor(value / 60)}分`;
-  }
-  const du = hu * 24;
-  if (value < du) {
-    const v2 = Math.floor(value / 60) % 60;
-    return `${Math.floor(value / hu)}小时${v2 ? v2 + '分' : ''}`;
-  }
-  const MU = du * 30;
-  if (value < MU) {
-    const v2 = Math.floor(value / hu) % 24;
-    return `${Math.floor(value / du)}天${v2 ? v2 + '小时' : ''}`;
-  }
-  const yu = du * 365;
-  if (value < yu) {
-    const unit = 30;
-    const v1 = Math.floor(value / du / unit);
-    const v2 = Math.floor((value - v1 * unit * du) / du);
-    return `${v1}个月${v2 ? v2 + '天' : ''}`;
-  }
-  return `${Math.floor(value / du / 365)}年`;
-}
-
-// COMBINATION - 解析组合组件value
-export function parseCombinationValue(value, setting) {
-  let data = value ? JSON.parse(value) : [];
-  if (!Array.isArray(data)) {
-    data = [data];
-  }
-  const { combinationField: key } = setting;
-  if (!key) return value; // <- 如果没有解析字段则直接返回原值
-  return data
-    .reduce((str, item) => {
-      const v = item[key];
-      typeof v !== 'undefined' && (str += `,${v}`);
-      return str;
-    }, '')
-    .slice(1);
-}
-
-// 格式化renderItem
-export function formatFieldText(row, field, fieldList, fieldListOriginal, isTimeAxisRenderNew, isTimeAxisExpand) {
-  // 轨迹组件需要重新处理 时间显示
-  if (isTimeAxisRenderNew && field.fieldType.includes('DATE')) {
-    let key = field.columnName;
-    if (!isTimeAxisExpand) {
-      key = field.columnName + '_fold';
-    }
-    let text = row[key];
-    return text;
-  }
-  const formatText = text => (text ? text : String(text) === '0' ? '0' : '');
-  const haveValue = val => {
-    return val !== undefined && val !== '';
-  };
-  const findField = (columnName, fieldList) => {
-    return fieldList.find(item => item.columnName === columnName);
-  };
-  let html = formatText(row[field.columnName]);
-
-  // 主字段没有值，则不展示
-  if (!haveValue(html)) {
-    return '';
-  }
-
-  const { mergedFeildExpression } = field.settingObj;
-  if (mergedFeildExpression) {
-    let passList = [];
-
-    // 合并字段
-    const regexp = /#{(.+?)\}/g;
-    let formatHtml = mergedFeildExpression.replace(regexp, (match, p1) => {
-      let findFieldItem = findField(p1, fieldListOriginal);
-      passList.push(haveValue(row[p1]) && findFieldItem);
-      // 格式化匹配到的合并字段对应的数据项
-      if (findFieldItem && this?.formatData) {
-        let cloneRow = JSON.parse(JSON.stringify(row));
-        let tableData = this.formatData({
-          tableList: [cloneRow],
-          fieldList: [findFieldItem],
-          btnList: [],
-          oldtableData: [row]
-        })[0];
-        return formatText(tableData[p1]);
-      }
-      return formatText(row[p1]);
-    });
-
-    let pass = passList.every(b => b);
-    /* 如果任意次字段值为空 || 无字段权限
-      => 只展示主字段的值 */
-    if (!pass) {
-      return html;
-    }
-
-    // 赋值原字段样式
-    let originColumnNameColorList = findField(field.columnName, fieldList)?.colorAndIcon || [];
-    let findC = originColumnNameColorList.find(c =>
-      vexutils.parseCondition(
-        c.condition,
-        {
-          form: {},
-          table: {
-            ...row
-          },
-          sys: {}
-        },
-        fieldList
-      )
-    );
-
-    let originColumnNameColor = findC?.color || 'inherit';
-    const regexp2 = /color(:|;)(.+?)(;|")/g;
-    formatHtml = formatHtml.replace(regexp2, (match, p1, p2, p3 = '') => {
-      return p3;
-    });
-
-    formatHtml = `<span style="color: ${originColumnNameColor};">${formatHtml}</span>`;
-    return formatHtml;
-  }
-
-  return html;
-}
-
-// imgs => imgArr
-export function imgs2imgArr(imgs) {
-  if (!imgs) return [];
-
-  return imgs
-    .replace(/(,)(data|http)/g, (match, p1, p2) => {
-      return `|${p2}`;
-    })
-    .split('|');
-}

package/packages/breadcrumb/index.js

@@ -1,21 +0,0 @@
-// 导入组件
-import Base from '../base';
-import Breadcrumb from './src/Breadcrumb';
-import BreadcrumbItem from './src/BreadcrumbItem';
-import BreadcrumbSeparator from './src/BreadcrumbSeparator';
-
-// 为组件提供 install 安装方法，供按需引入
-Breadcrumb.install = function(Vue) {
-  Vue.use(Base);
-  Vue.component(Breadcrumb.name, Breadcrumb);
-  Vue.component(BreadcrumbItem.name, BreadcrumbItem);
-  Vue.component(BreadcrumbSeparator.name, BreadcrumbSeparator);
-};
-
-Object.assign(Breadcrumb, {
-  BreadcrumbItem,
-  BreadcrumbSeparator
-});
-
-// 默认导出组件
-export default Breadcrumb;

package/packages/breadcrumb/src/Breadcrumb.jsx

@@ -1,11 +0,0 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Breadcrumb } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'breadcrumb',
-  extends: Breadcrumb
-});

package/packages/breadcrumb/src/BreadcrumbItem.jsx

@@ -1,11 +0,0 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Breadcrumb } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'breadcrumb-item',
-  extends: Breadcrumb.Item
-});

package/packages/breadcrumb/src/BreadcrumbSeparator.jsx

@@ -1,11 +0,0 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Breadcrumb } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'breadcrumb-separator',
-  extends: Breadcrumb.Separator
-});

package/packages/button/index.js

@@ -1,21 +0,0 @@
-// 导入组件
-import Base from '../base';
-import Button from './src/Button';
-import ButtonGroup from './src/ButtonGroup';
-import ButtonPrint from './src/ButtonPrint';
-
-// 为组件提供 install 安装方法，供按需引入
-Button.install = function(Vue) {
-  Vue.use(Base);
-  Vue.component(Button.name, Button);
-  Vue.component(ButtonGroup.name, ButtonGroup);
-  Vue.component(ButtonPrint.name, ButtonPrint);
-};
-
-Object.assign(Button, {
-  ButtonGroup,
-  ButtonPrint
-});
-
-// 默认导出组件
-export default Button;

package/packages/button/src/Button.jsx

@@ -1,11 +0,0 @@
-/**
- * @author ruanlin
- * @desc 全继承antd按钮组件，后期再扩展
- * @time 2021-05-13
- */
-import { Button } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'button',
-  extends: Button
-});

package/packages/button/src/ButtonGroup.jsx

@@ -1,11 +0,0 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Button } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'button-group',
-  extends: Button.Group
-});

package/packages/button/src/ButtonPrint/components/IdentityVerification.vue

@@ -1,176 +0,0 @@
-<template>
-  <a-modal
-    centered
-    class="standard-modal standard-modal-white authentication-modal"
-    :visible="visible"
-    :maskClosable="false"
-    :width="style.width"
-    :bodyStyle="{ maxHeight: style.height, overflowY: 'auto' }"
-    :footer="null"
-    @cancel="handleClickClose"
-  >
-    <template #title>
-      {{ identityVerificationTitle }}
-    </template>
-    <div class="content">
-      <a-form-model class="login-form" ref="ruleForm" :model="form" :rules="rules">
-        <a-form-model-item ref="account" prop="account">
-          <a-input v-model="form.account" placeholder="请输入账号" />
-        </a-form-model-item>
-        <a-form-model-item ref="password" prop="password">
-          <a-input-password v-model="form.password" placeholder="请输入密码" />
-        </a-form-model-item>
-        <a-form-model-item>
-          <a-button type="primary" class="login-form-button" @click="handleClickSubmit">登录</a-button>
-        </a-form-model-item>
-      </a-form-model>
-    </div>
-  </a-modal>
-</template>
-<script>
-import crypto from '@/utils/crypto.js';
-let httpFn = null;
-const DEFAULT_FORM = {
-  account: '',
-  password: ''
-};
-
-import Vue from 'vue';
-import { Button, FormModel, Input, Modal } from 'ant-design-vue';
-import axios from 'axios';
-import qs from 'qs';
-
-export default {
-  name: 'IdentityVerificationModal',
-  props: {
-    visible: {
-      type: Boolean,
-      default: false
-    },
-    baseUrl: {
-      type: String,
-      require: true
-    },
-    verifyUserUrl: {
-      type: String,
-      default: '/verifyUser'
-    },
-    identityVerificationTitle: {
-      type: String
-    },
-    printConfig: {
-      type: Object,
-      default: () => ({})
-    },
-  },
-  components: {
-    AModal: Modal
-  },
-  data() {
-    return {
-      form: JSON.parse(JSON.stringify(DEFAULT_FORM)),
-      rules: {
-        account: [{ required: true, message: '请输入账号' }],
-        password: [{ required: true, message: '请输入密码' }]
-      },
-      style: {
-        width: '416px',
-        height: '328px'
-      }
-    };
-  },
-  beforeCreate() {
-    Vue.use(Button)
-      .use(FormModel)
-      .use(Input);
-  },
-  mounted() {
-      let config = {
-        withCredentials: false,
-        timeout: 5000
-      };
-      let printUrlPrefix = this?.printConfig?.printUrlPrefix;
-      if (axios !== this.axios && printUrlPrefix) {
-        config.baseURL = printUrlPrefix;
-      }
-      httpFn = axios.create({
-        ...config
-      });
-
-  },
-  watch: {
-    visible(val) {
-      if (val) return;
-      this.form = JSON.parse(JSON.stringify(DEFAULT_FORM));
-    }
-  },
-  // 方法
-  methods: {
-    handleClickClose() {
-      this.$emit('update:visible', false);
-    },
-    handleClickSubmit() {
-      this.$refs.ruleForm.validate(valid => {
-        if (valid) {
-          this.submit();
-        } else {
-          return false;
-        }
-      });
-    },
-    submit() {
-      const url = `${this.baseUrl}${this.verifyUserUrl}`;
-
-      return httpFn({
-        method: 'POST',
-        url,
-        data: qs.stringify({
-          loginName: this.form.account,
-          password: crypto.encrypt(this.form.password)
-        })
-      })
-        .then(async ({ data }) => {
-          if (data.result !== 'SUCCESS') {
-            this.$message.error(data.resultMsg);
-            return false;
-          }
-          this.$emit('success', data.map.token);
-          return data;
-        })
-        .catch(e => {
-          return false;
-        });
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.login-form {
-  padding-top: 15px;
-  /deep/ .ant-form-item {
-    margin-bottom: 16px;
-    .ant-form-explain {
-      margin: 2px 0 16px;
-      min-height: unset;
-    }
-    &.ant-form-item-with-help {
-      margin-bottom: 0;
-    }
-    input {
-      height: 50px;
-      font-size: 14px;
-      color: #757575;
-      border-radius: 6px;
-    }
-  }
-}
-.login-form-button {
-  width: 100%;
-  height: 50px;
-  background: #2d7aff;
-  border-radius: 24px;
-  border-color: #2d7aff !important;
-  font-size: 16px;
-  color: #ffffff;
-}
-</style>