iov-pro-components 0.0.3

package/.eslintignore

@@ -0,0 +1,5 @@
+dist
+docs
+lib
+public
+script

package/.eslintrc.js

@@ -0,0 +1,192 @@
+module.exports = {
+  root: true,
+  parserOptions: {
+    parser: 'babel-eslint',
+    sourceType: 'module'
+  },
+  env: {
+    browser: true,
+    node: true,
+    es6: true,
+  },
+  extends: ['plugin:vue/recommended', 'eslint:recommended'],
+
+  // add your custom rules here
+  //it is base on https://github.com/vuejs/eslint-config-vue
+  rules: {
+    "vue/singleline-html-element-content-newline": "off",
+    "vue/multiline-html-element-content-newline":"off",
+    "vue/name-property-casing": ["error", "PascalCase"],
+    "vue/no-v-html": "off",
+    'accessor-pairs': 2,
+    'arrow-spacing': [2, {
+      'before': true,
+      'after': true
+    }],
+    'block-spacing': [2, 'always'],
+    'brace-style': [2, '1tbs', {
+      'allowSingleLine': true
+    }],
+    'camelcase': [0, {
+      'properties': 'always'
+    }],
+    'comma-dangle': [2, 'never'],
+    'comma-spacing': [2, {
+      'before': false,
+      'after': true
+    }],
+    'comma-style': [2, 'last'],
+    'constructor-super': 2,
+    'curly': [2, 'multi-line'],
+    'dot-location': [2, 'property'],
+    'eol-last': 2,
+    'eqeqeq': ["error", "always", {"null": "ignore"}],
+    'generator-star-spacing': [2, {
+      'before': true,
+      'after': true
+    }],
+    'handle-callback-err': [2, '^(err|error)$'],
+    'indent': [2, 2, {
+      'SwitchCase': 1
+    }],
+    'jsx-quotes': [2, 'prefer-single'],
+    'key-spacing': [2, {
+      'beforeColon': false,
+      'afterColon': true
+    }],
+    'keyword-spacing': [2, {
+      'before': true,
+      'after': true
+    }],
+    'new-cap': [2, {
+      'newIsCap': true,
+      'capIsNew': false
+    }],
+    'new-parens': 2,
+    'no-array-constructor': 2,
+    'no-caller': 2,
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-class-assign': 2,
+    'no-cond-assign': 2,
+    'no-const-assign': 2,
+    'no-control-regex': 0,
+    'no-delete-var': 2,
+    'no-dupe-args': 2,
+    'no-dupe-class-members': 2,
+    'no-dupe-keys': 2,
+    'no-duplicate-case': 2,
+    'no-empty-character-class': 2,
+    'no-empty-pattern': 2,
+    'no-eval': 2,
+    'no-ex-assign': 2,
+    'no-extend-native': 2,
+    'no-extra-bind': 2,
+    'no-extra-boolean-cast': 2,
+    'no-extra-parens': [2, 'functions'],
+    'no-fallthrough': 2,
+    'no-floating-decimal': 2,
+    'no-func-assign': 2,
+    'no-implied-eval': 2,
+    'no-inner-declarations': [2, 'functions'],
+    'no-invalid-regexp': 2,
+    'no-irregular-whitespace': 2,
+    'no-iterator': 2,
+    'no-label-var': 2,
+    'no-labels': [2, {
+      'allowLoop': false,
+      'allowSwitch': false
+    }],
+    'no-lone-blocks': 2,
+    'no-mixed-spaces-and-tabs': 2,
+    'no-multi-spaces': 2,
+    'no-multi-str': 2,
+    'no-multiple-empty-lines': [2, {
+      'max': 1
+    }],
+    'no-native-reassign': 2,
+    'no-negated-in-lhs': 2,
+    'no-new-object': 2,
+    'no-new-require': 2,
+    'no-new-symbol': 2,
+    'no-new-wrappers': 2,
+    'no-obj-calls': 2,
+    'no-octal': 2,
+    'no-octal-escape': 2,
+    'no-path-concat': 2,
+    'no-proto': 2,
+    'no-redeclare': 2,
+    'no-regex-spaces': 2,
+    'no-return-assign': [2, 'except-parens'],
+    'no-self-assign': 2,
+    'no-self-compare': 2,
+    'no-sequences': 2,
+    'no-shadow-restricted-names': 2,
+    'no-spaced-func': 2,
+    'no-sparse-arrays': 2,
+    'no-this-before-super': 2,
+    'no-throw-literal': 2,
+    'no-trailing-spaces': 2,
+    'no-undef': 2,
+    'no-undef-init': 2,
+    'no-unexpected-multiline': 2,
+    'no-unmodified-loop-condition': 2,
+    'no-unneeded-ternary': [2, {
+      'defaultAssignment': false
+    }],
+    'no-unreachable': 2,
+    'no-unsafe-finally': 2,
+    'no-unused-vars': [2, {
+      'vars': 'all',
+      'args': 'none'
+    }],
+    'no-useless-call': 2,
+    'no-useless-computed-key': 2,
+    'no-useless-constructor': 2,
+    'no-useless-escape': 0,
+    'no-whitespace-before-property': 2,
+    'no-with': 2,
+    'one-var': [2, {
+      'initialized': 'never'
+    }],
+    'operator-linebreak': [2, 'after', {
+      'overrides': {
+        '?': 'before',
+        ':': 'before'
+      }
+    }],
+    'padded-blocks': [2, 'never'],
+    'quotes': [2, 'single', {
+      'avoidEscape': true,
+      'allowTemplateLiterals': true
+    }],
+    'semi': [2, 'never'],
+    'semi-spacing': [2, {
+      'before': false,
+      'after': true
+    }],
+    'space-before-blocks': [2, 'always'],
+    'space-before-function-paren': [2, 'never'],
+    'space-in-parens': [2, 'never'],
+    'space-infix-ops': 2,
+    'space-unary-ops': [2, {
+      'words': true,
+      'nonwords': false
+    }],
+    'spaced-comment': [2, 'always', {
+      'markers': ['global', 'globals', 'eslint', 'eslint-disable', '*package', '!', ',']
+    }],
+    'template-curly-spacing': [2, 'never'],
+    'use-isnan': 2,
+    'valid-typeof': 2,
+    'wrap-iife': [2, 'any'],
+    'yield-star-spacing': [2, 'both'],
+    'yoda': [2, 'never'],
+    'prefer-const': 2,
+    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
+    'object-curly-spacing': [2, 'always', {
+      objectsInObjects: false
+    }],
+    'array-bracket-spacing': [2, 'never'],
+    "max-len": [0, 180, 4],//字符串最大长度
+  }
+}

package/.gitignore

@@ -0,0 +1,3 @@
+node_modules
+package-lock.json
+dist/*

package/README.md

@@ -0,0 +1,4 @@
+# Iov Pro Components
+
+基于`Iov Design`的`Pro`级组件库
+

package/babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}

package/docs/.vuepress/config.js

@@ -0,0 +1,169 @@
+const path = require('path')
+
+module.exports = {
+  base: '/iov-pro-components/',
+  title: 'IOV Pro Components',
+  dest: path.resolve(__dirname, '../../dist'),
+  description: '基于IOV Design的前端组件库',
+  configureWebpack: {
+    resolve: {
+      alias: {
+        '@': path.join(__dirname, '../../src')
+      }
+    }
+  },
+  chainWebpack: (config) => {
+    config.resolve.alias
+      .set('core-js/library/fn', 'core-js/features')
+  },
+  plugins: ['demo-container'],
+  themeConfig: {
+    // 顶部导航
+    nav: [
+      { text: '首页', link: '/' },
+      { text: '组件', link: '/components/icon' },
+      { text: '模板', link: '/template/list' },
+      { text: 'GitLab', link: 'http://172.23.105.167/cusc-fe/iov-pro-components.git' }
+    ],
+    // 侧边栏配置
+    sidebar: {
+      '/components/': [
+        {
+          title: '基础',
+          redirect: '/components/icon',
+          collapsable: false,
+          sidebarDepth: 0,
+          children: [
+            {
+              title: '图标 Icon',
+              path: '/components/icon'
+            }
+          ]
+        },
+        {
+          title: '列表',
+          redirect: '/components/pro-form',
+          collapsable: false,
+          sidebarDepth: 0,
+          children: [
+            {
+              title: '表单 ProForm',
+              path: '/components/pro-form'
+            },
+            {
+              title: '表格 ProTable',
+              path: '/components/pro-table'
+            },
+            {
+              title: '搜索表单 SearchTable',
+              path: '/components/search-table'
+            },
+            {
+              title: '表格按钮组 LinkGroup',
+              path: '/components/link-group'
+            }
+          ]
+        },
+        {
+          title: '详情',
+          redirect: '/components/page-detail',
+          collapsable: false,
+          sidebarDepth: 0,
+          children: [
+            {
+              title: '页面详情 PageDetail',
+              path: '/components/page-detail'
+            },
+            {
+              title: '页面模块 PageModule',
+              path: '/components/page-module'
+            },
+            {
+              title: '小标题 SubTitle',
+              path: '/components/sub-title'
+            },
+            {
+              title: '提交按钮模块 SubmitModule',
+              path: '/components/submit-module'
+            },
+            {
+              title: '描述 Description',
+              path: '/components/description'
+            },
+            {
+              title: '弹窗搜索 DialogSelect',
+              path: '/components/dialog-select'
+            }
+          ]
+        },
+        {
+          title: '工具',
+          redirect: '/components/request',
+          collapsable: false,
+          sidebarDepth: 0,
+          children: [
+            {
+              title: '接口请求 Request',
+              path: '/components/request'
+            },
+            {
+              title: '间隔 Space',
+              path: '/components/space'
+            },
+            {
+              title: '显示 Display',
+              path: '/components/display'
+            },
+            {
+              title: '枚举 Enums',
+              path: '/components/enums'
+            }
+          ]
+        }
+      ],
+      '/template/': [
+        {
+          title: '模板',
+          redirect: '/template/list',
+          collapsable: false,
+          sidebarDepth: 0,
+          children: [
+            {
+              title: '列表页',
+              path: '/template/list'
+            },
+            {
+              title: '新增页',
+              path: '/template/add'
+            },
+            {
+              title: '详情页',
+              path: '/template/detail'
+            },
+            {
+              title: '弹窗',
+              path: '/template/dialog'
+            },
+            {
+              title: '确认框',
+              path: '/template/confirm'
+            },
+            {
+              title: '标签页',
+              path: '/template/tabs'
+            },
+            {
+              title: 'mini标签页',
+              path: '/template/tabs-mini'
+            }
+          ]
+        }
+      ]
+    }
+  },
+  locales: {
+    '/': {
+      lang: 'zh-CN'
+    }
+  }
+}

package/docs/.vuepress/styles/index.styl

@@ -0,0 +1,62 @@
+table {
+  margin: 0;
+}
+[class*=" iov-icon-"], [class^=iov-icon-] {
+  line-height: 1.5;
+}
+a.sidebar-link {
+  line-height: 28px !important;
+}
+h1 {
+  font-size: 28px;
+  font-weight: 400;
+  margin-bottom: 0 !important;
+}
+h2 {
+  border-bottom: 0;
+  font-size: 22px;
+  font-weight: 400;
+  padding-top: 4.1rem;
+}
+p {
+  font-size: 14px;
+}
+th, td {
+  border-top: 0;
+  border: 0;
+}
+.caret-bottom.icon {
+  height: 44px;
+  &:before {
+    top: 50%;
+    transform: translateY(-50%);
+  }
+}
+div.search-box {
+  margin-right: 3rem;
+}
+.copy-action, .demo-block-control {
+  background-color: #ffffff !important;
+  border-top: none !important;
+  color: #494b53 !important;
+}
+.demo-block-control .caret-bottom:before {
+  border-top-color: #494b53 !important;
+  opacity: 0.8;
+}
+.demo-block .meta {
+  border-top: 1px solid #ebebeb;
+}
+.demo-block-control:hover {
+  background-color: #f9fafc !important;
+}
+.demo-block-control:hover .copy-action, .demo-block-control:hover {
+  color: #2A68FF !important;
+}
+.demo-block-control:hover .caret-bottom:before {
+  border-top-color: #2A68FF !important;
+}
+.theme-container.grey-background-demo-content .demo-content {
+  background-color: #FAFAFA;
+  padding: 0 !important;
+}

package/docs/.vuepress/styles/palette.styl

@@ -0,0 +1,20 @@
+// 颜色
+$accentColor = #2A68FF
+$textColor = #2c3e50
+$borderColor = #eaecef
+$codeBgColor = #282c34
+$arrowBgColor = #ccc
+$badgeTipColor = #42b983
+$badgeWarningColor = darken(#ffe564, 35%)
+$badgeErrorColor = #DA5961
+
+// 布局
+$navbarHeight = 4.6rem
+$sidebarWidth = 20rem
+$contentWidth = 960px
+$homePageWidth = 960px
+
+// 响应式变化点
+$MQNarrow = 959px
+$MQMobile = 719px
+$MQMobileNarrow = 419px

package/docs/.vuepress/theme/enhanceApp.js

@@ -0,0 +1,100 @@
+import ElementUI from 'iov-design'
+import IovProComponents from '../../../src/packages'
+
+import 'iov-design/lib/theme-chalk/index.css'
+
+function checkNumber(el, binding, vnode) {
+  const decimals = !isNaN(binding.value) ? binding.value : 2 // 默认小数位数为 2
+
+  // 构建正则表达式，支持 0 和空值，不允许以 '.' 开头，也不允许多个零开头
+  const regex = new RegExp(`^(?!\\.)[0-9]*(\\.\\d{0,${decimals}})?$|^$`)
+
+  // 获取 el-input 内部的 input 元素
+  const input = el.tagName === 'INPUT' ? el : el.querySelector('input')
+  if (input) {
+    let previousValue = '' // 记录上次合法的值
+
+    input.addEventListener('input', (event) => {
+      let currentValue = input.value
+
+      // 使用 slice 去除多余的零
+      if (/^0[0-9]/.test(currentValue)) {
+        currentValue = currentValue.slice(0, 1) // 保留一个零，移除其他零
+      }
+
+      // 防止以小数点开头，例如 ".123" -> "0.123"
+      if (/^\./.test(currentValue)) {
+        currentValue = '0' + currentValue // 补全为 "0.123"
+      }
+
+      if (+decimals === 0 && /^\d+\.$/.test(currentValue)) {
+        currentValue = currentValue.slice(0, -1)
+      }
+
+      // 如果当前值合法，保存为上次合法值
+      if (regex.test(currentValue)) {
+        previousValue = currentValue
+        input.value = previousValue
+      } else {
+        // 如果不合法，恢复到上次合法值
+        const cursorPosition = input.selectionStart - 1 // 获取光标位置
+        input.value = previousValue // 恢复到合法值
+
+        // 修复光标位置
+        input.setSelectionRange(cursorPosition, cursorPosition)
+
+        // 手动触发 input 事件以更新 v-model
+        const event = new Event('input', { bubbles: true })
+        input.dispatchEvent(event)
+      }
+    })
+    input.addEventListener('blur', () => {
+      // 当前输入的值
+      const currentValue = input.value
+      // 如果当前输入的值以.结尾
+      if (/\.$/.test(currentValue)) {
+        previousValue = currentValue.slice(0, currentValue.length - 1)
+        input.value = previousValue
+        // 手动触发 input 事件以更新 v-model
+        const event = new Event('input', { bubbles: true })
+        input.dispatchEvent(event)
+      }
+    })
+  }
+}
+
+export default ({
+  Vue, // VuePress 正在使用的 Vue 构造函数
+  options, // 附加到根实例的一些选项
+  router, // 当前应用的路由实例
+  siteData // 站点元数据
+}) => {
+  // 注册全局组件
+  Vue.use(ElementUI)
+  Vue.use(IovProComponents, {
+    preview: {
+      request: (params) => {
+        return new Promise((resolve) => {
+          setTimeout(() => {
+            resolve('https://prod-common-public.obs-helf.cucloud.cn/mall/goods/893f1000000000114669556')
+          }, 1000)
+        })
+      },
+      cacheTime: 60000
+    }
+  })
+
+  // 注册自定义指令
+  Vue.directive('number', {
+    bind(el, binding, vnode) {
+      checkNumber(el, binding, vnode)
+    },
+    unbind(el) {
+      const input = el.tagName === 'INPUT' ? el : el.querySelector('input')
+      if (input) {
+        input.removeEventListener('input', () => {})
+        input.removeEventListener('blur', () => {})
+      }
+    }
+  })
+}

package/docs/.vuepress/theme/index.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extend: '@vuepress/theme-default'
+}

package/docs/README.md

@@ -0,0 +1,13 @@
+---
+home: true
+heroText: IOV Pro Components
+tagline: 基于IOV Design的高级组件库
+actionText: 快速上手 →
+actionLink: /components/pro-form
+features:
+- title: 简洁至上
+  details: 以 Schema配置 为中心的项目结构，以最少的代码帮助你日常开发。
+- title: Vue2驱动
+  details: 享受 Vue + webpack 的开发体验。
+footer: Copyright©2018 联通智网科技版权所有 京ICP备16005440号-1
+---