Add files via upload

Author: lilianjin

postcss.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+  plugins: {
+    autoprefixer: {},
+    stylelint: {
+      fix: true,
+    },
+  },
+};

tests/props.spec.ts

@@ -0,0 +1,92 @@
+import { mount } from '@vue/test-utils';
+import SecurityCode from '../src';
+
+describe('props', () => {
+  describe('modelValue', () => {
+    it('should apply the given modelValue', () => {
+      const wrapper = mount(SecurityCode, {
+        props: {
+          modelValue: '123456',
+        },
+      });
+
+      expect(wrapper.props('modelValue')).toEqual('123456');
+    });
+  });
+
+  describe('blurOnComplete', () => {
+    it('should not be blurOnComplete by false', () => {
+      const wrapper = mount(SecurityCode);
+
+      expect(wrapper.props('blurOnComplete')).toBe(false);
+    });
+
+    it('should be blurOnComplete', () => {
+      const wrapper = mount(SecurityCode, {
+        props: {
+          blurOnComplete: true,
+        },
+      });
+
+      expect(wrapper.props('blurOnComplete')).toBe(true);
+    });
+  });
+
+  describe('len', () => {
+    it('should not display the len by default', () => {
+      const wrapper = mount(SecurityCode);
+
+      expect(wrapper.props('len')).toBe(6);
+    });
+
+    it('should display the len four', () => {
+      const wrapper = mount(SecurityCode, {
+        props: {
+          len: 4,
+        },
+      });
+
+      expect(wrapper.props('len')).toBe(4);
+    });
+  });
+
+  describe('isArray', () => {
+    it('should not be isArray by false', () => {
+      const wrapper = mount(SecurityCode, {
+        props: {
+          isArray: false,
+        },
+      });
+
+      expect(wrapper.props('isArray')).toBe(false);
+    });
+
+    it('should by isArray', () => {
+      const wrapper = mount(SecurityCode, {
+        props: {
+          isArray: true,
+        },
+      });
+
+      expect(wrapper.props('isArray')).toBe(true);
+    });
+  });
+
+  describe('size', () => {
+    it('should not be size by default', () => {
+      const wrapper = mount(SecurityCode);
+
+      expect(wrapper.props('size')).toBe('default');
+    });
+
+    it('should be size by md', () => {
+      const wrapper = mount(SecurityCode, {
+        props: {
+          size: 'md',
+        },
+      });
+
+      expect(wrapper.props('size')).toBe('md');
+    });
+  });
+});

tsconfig.eslint.json

@@ -0,0 +1,4 @@
+{
+	"extends": "./tsconfig",
+	"include": ["*.js", ".*.js", "docs", "src", "tests", "types"]
+}

tsconfig.json

@@ -0,0 +1,10 @@
+{
+	"compilerOptions": {
+		"allowSyntheticDefaultImports": true,
+		"moduleResolution": "node",
+		"resolveJsonModule": true,
+		"strict": true,
+		"target": "esnext"
+	},
+	"include": ["docs", "src", "types"]
+}

types/index.d.ts

@@ -0,0 +1,7 @@
+declare module '@ofcold/security-code' {
+  import { Component } from 'vue';
+
+  const SecurityCode: Component;
+
+  export default SecurityCode;
+}

webpack.config.js

@@ -0,0 +1,61 @@
+const path = require('path');
+const webpack = require('webpack');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const VueLoaderPlugin = require('vue-loader/dist/plugin').default;
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+
+module.exports = (env) => ({
+  mode: env.production ? 'production' : 'development',
+  entry: './docs',
+  output: {
+    path: path.resolve(__dirname, './docs/dist'),
+  },
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        use: 'babel-loader',
+      },
+      {
+        test: /\.ts$/,
+        loader: 'ts-loader',
+        options: {
+          appendTsSuffixTo: [/\.vue$/],
+        },
+      },
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+      },
+      {
+        test: /\.scss$/,
+        use: [
+          MiniCssExtractPlugin.loader,
+          'css-loader',
+          'sass-loader',
+        ],
+      },
+    ],
+  },
+  plugins: [
+    new HtmlWebpackPlugin({
+      filename: 'index.html',
+      template: './docs/index.html',
+    }),
+    new MiniCssExtractPlugin(),
+    new VueLoaderPlugin(),
+    new webpack.DefinePlugin({
+      __VUE_OPTIONS_API__: true,
+      __VUE_PROD_DEVTOOLS__: false,
+    }),
+  ],
+  externals: env.production ? {
+    vue: 'Vue',
+  } : {},
+  resolve: {
+    alias: {
+      vue$: 'vue/dist/vue.esm-bundler',
+    },
+    extensions: ['.js', '.json', '.ts', '.d.ts', '.vue'],
+  },
+});