hc-basic 1.0.1

package/package.json

@@ -0,0 +1,83 @@
+{
+  "name": "hc-basic",
+  "version": "1.0.1",
+  "author": "yangxiong",
+  "description": "基于VUE + elementUI 公共内容库",
+  "main": "lib/hc-basic.umd.min.js",
+  "keyword": "hc hc-basic hc-sass hc-components",
+  "private": false,
+  "license": "MIT",
+  "bugs": {
+    "url": "http://10.1.130.69/HC-web/basic/issuse",
+    "email": "1908825931@qq.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://codeup.aliyun.com/6180d6736746bc7c6cc8e78a/hc/basic"
+  },
+  "scripts": {
+    "dev": "vue-cli-service serve",
+    "serve": "vue-cli-service serve --mode test",
+    "build": "vue-cli-service build",
+    "lib": "vue-cli-service build --target lib --name hc-basic --dest lib packages/index.js",
+    "eslint": "prettier-eslint --write \"packages/**/*.{js,jsx,ts,tsx,json,vue,css,scss,less,md}\""
+  },
+  "dependencies": {
+    "axios": "^0.19.2",
+    "core-js": "^3.4.3",
+    "crypto-js": "^4.0.0",
+    "element-ui": "^2.15.6",
+    "jsencrypt": "^3.0.0-rc.1",
+    "less-loader": "^5.0.0",
+    "style-loader": "^1.0.1",
+    "style-resources-loader": "^1.3.2",
+    "v-hotkey": "^0.8.0",
+    "vue": "^2.6.10",
+    "vue-router": "3.0.7",
+    "deepmerge": "^1.2.0",
+    "vuex": "^3.1.2"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "^4.1.0",
+    "@vue/cli-plugin-eslint": "^4.1.0",
+    "@vue/cli-plugin-router": "^4.1.0",
+    "@vue/cli-plugin-vuex": "^4.1.0",
+    "@vue/cli-service": "^4.1.0",
+    "@vue/eslint-config-standard": "^4.0.0",
+    "babel-eslint": "^10.0.3",
+    "element-theme-chalk": "^2.13.0",
+    "es6-promise": "^4.2.8",
+    "eslint": "^5.16.0",
+    "eslint-config-prettier": "^6.11.0",
+    "eslint-plugin-prettier": "^3.1.4",
+    "eslint-plugin-vue": "^7.0.0-alpha.6",
+    "husky": "^4.2.5",
+    "lint-staged": "^10.2.9",
+    "node-sass": "^4.14.1",
+    "prettier": "^2.0.5",
+    "prettier-eslint-cli": "^5.0.0",
+    "sass-loader": "^7.3.1",
+    "vue-template-compiler": "^2.6.10",
+    "webpack": "^4.41.2"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx,md,html,vue,css,scss,less,json}": [
+      "prettier-eslint --write",
+      "git add"
+    ],
+    "package-lock.json": [
+      "git rm --cached"
+    ]
+  },
+  "eslintIgnore": [
+    "**/*.scss",
+    "**/*.css",
+    "**/*.png",
+    "**/*.jpg"
+  ]
+}

package/scss/_basicConfig.scss

@@ -0,0 +1,217 @@
+// ripped CSS4 vars out of color map
+$--color-default-hc: var(--color-default); // 主题默认色
+$--color-primary-hc: var(--color-primary); // 主题色
+$--color-success-hc: var(--color-success); // 主题成功色
+$--color-info-hc: var(--color-info); // 主题信息色
+$--color-warning-hc: var(--color-warning); // 主题警告色
+$--color-danger-hc: var(--color-danger); // 主题错误色
+
+$--color-text-primary-hc: var(--color-text-primary); // 默认主题文本颜色
+$--color-text-regular-hc: var(--color-text-regular); //
+$--color-text-secondary-hc: var(--color-text-secondary);
+$--color-text-placeholder-hc: var(--color-text-placeholder); // 输入框内提示文本颜色
+$--color-white: var(--color-default);
+/*
+ * 边框颜色不同亮度
+ */
+$--border-color-base-hc: var(--color-border-base); //
+$--border-color-light-hc: var(--color-border-light);
+$--border-color-lighter-hc: var(--color-border-lighter);
+$--border-color-extra-light-hc: var(--color-border-extra-light);// 边框样式
+$borderBase: 1px solid var(--color-border-base);
+$borderLight: 1px solid var(--color-border-light);
+$borderLighter: 1px solid var(--color-border-lighter);
+$borderExtraLight: 1px solid var(--color-border-extra-light);
+
+$--color-default-hc-50: rgba(255, 255, 255, 0.5);
+$--color-primary-hc-50: var(--color-primary-50);
+$--color-success-hc-50: var(--color-success-50);
+$--color-info-hc-50: var(--color-info-50);
+$--color-warning-hc-50: var(--color-warning-50);
+$--color-danger-hc-50: var(--color-danger-50);
+
+$--color-default-hc-20: rgba(255, 255, 255, 0.2);
+$--color-primary-hc-20: var(--color-primary-20);
+$--color-success-hc-20: var(--color-success-20);
+$--color-info-hc-20: var(--color-info-20);
+$--color-warning-hc-20: var(--color-warning-20);
+$--color-danger-hc-20: var(--color-danger-20);
+
+$--color-default-hc-10: rgba(255, 255, 255, 0.1);
+$--color-primary-hc-10: var(--color-primary-10);
+$--color-success-hc-10: var(--color-success-10);
+$--color-info-hc-10: var(--color-info-10);
+$--color-warning-hc-10: var(--color-warning-10);
+$--color-danger-hc-10: var(--color-danger-10);
+
+$--color-default-hc-5: rgba(255, 255, 255, 0.05);
+$--color-primary-hc-5: var(--color-primary-5);
+$--color-success-hc-5: var(--color-success-5);
+$--color-info-hc-5: var(--color-info-5);
+$--color-warning-hc-5: var(--color-warning-5);
+$--color-danger-hc-5: var(--color-danger-5);
+
+$bgList: (
+	(
+		name: default,
+		value: $--color-default-hc
+	),
+	(
+		name: default-50,
+		value: $--color-default-hc-50
+	),
+	(
+		name: default-10,
+		value: $--color-default-hc-10
+	),
+	(
+		name: default-5,
+		value: $--color-default-hc-5
+	),
+	(
+		name: primary,
+		value: $--color-primary-hc
+	),
+	(
+		name: primary-50,
+		value: $--color-primary-hc-50
+	),
+	(
+		name: primary-10,
+		value: $--color-primary-hc-10
+	),
+	(
+		name: primary-5,
+		value: $--color-primary-hc-5
+	),
+	(
+		name: success,
+		value: $--color-success-hc
+	),
+	(
+		name: success-50,
+		value: $--color-success-hc-50
+	),
+	(
+		name: success-10,
+		value: $--color-success-hc-10
+	),
+	(
+		name: success-5,
+		value: $--color-success-hc-5
+	),
+	(
+		name: info,
+		value: $--color-info-hc
+	),
+	(
+		name: info-50,
+		value: $--color-info-hc-50
+	),
+	(
+		name: info-10,
+		value: $--color-info-hc-10
+	),
+	(
+		name: info-5,
+		value: $--color-info-hc-5
+	),
+	(
+		name: warning,
+		value: $--color-warning-hc
+	),
+	(
+		name: warning-50,
+		value: $--color-warning-hc-50
+	),
+	(
+		name: warning-10,
+		value: $--color-warning-hc-10
+	),
+	(
+		name: warning-5,
+		value: $--color-warning-hc-5
+	),
+	(
+		name: danger,
+		value: $--color-danger-hc
+	),
+	(
+		name: danger-50,
+		value: $--color-danger-hc-50
+	),
+	(
+		name: danger-10,
+		value: $--color-danger-hc-10
+	),
+	(
+		name: danger-5,
+		value: $--color-danger-hc-5
+	)
+);
+
+$borderList: (
+	(
+		name: '',
+		value: $borderBase
+	),
+	(
+		name: -light,
+		value: $borderLight
+	),
+	(
+		name: -lighter,
+		value: $borderLighter
+	),
+	(
+		name: -extra-light,
+		value: $borderExtraLight
+	)
+);
+$borderDirections: (left, right, bottom, top);
+$cursorList: (pointer, move, wait, not-allowed);
+$displayList: (none, table, table-cell, block, inline, inline-block, inherit, flex);
+$floatList: (none, left, right);
+$textColor: (
+	(
+		name: 'white',
+		value: $--color-default-hc
+	),
+	(
+		name: primary,
+		value: $--color-primary-hc
+	),
+	(
+		name: success,
+		value: $--color-success-hc
+	),
+	(
+		name: info,
+		value: $--color-info-hc
+	),
+	(
+		name: warning,
+		value: $--color-warning-hc
+	),
+	(
+		name: danger,
+		value: $--color-danger-hc
+	),
+	(
+		name: text-primary,
+		value: $--color-text-primary-hc
+	),
+	(
+		name: text-regular,
+		value: $--color-text-regular-hc
+	),
+	(
+		name: text-secondary,
+		value: $--color-text-secondary-hc
+	),
+	(
+		name: text-placeholder,
+		value: $--color-text-placeholder-hc
+	)
+);
+$positionList: (relative, fixed, absolute);

package/scss/_config.scss

@@ -0,0 +1,39 @@
+// 边距基数
+$sideBasic: 4; // padding、margin边距的基数值
+$spaceMax: 42; // 边距基数的最大倍数
+$--border-radius-base-hc: 4px; // 边框圆角基础值
+$--background-color-base-hc: #f5f7fa; // 背景基础颜色值
+
+$colMax: 25; // 24珊格col布局
+
+// 文本字体大小和lineHeight的配合设置
+$textList: (
+	(
+		size: 12,
+		line: 20
+	),
+	(
+		size: 14,
+		line: 20
+	),
+	(
+		size: 16,
+		line: 22
+	),
+	(
+		size: 18,
+		line: 24
+	),
+	(
+		size: 20,
+		line: 26
+	),
+	(
+		size: 28,
+		line: 40
+	),
+	(
+		size: 36,
+		line: 50
+	)
+);