chore: update

Author: elf-mouse

balm.config.js

@@ -1,5 +1,5 @@
-const getConfig = require('./config/balmrc');
-const api = require('./config/balm.api');
+const getConfig = require('./config/balm');
+const api = require('./config/balm/api');
 
 module.exports = (balm) => {
   return {

config/balm.api.js

@@ -0,0 +1,15 @@
+const env = require('../env');
+const buildIndividual = require('../build/individual');
+const buildESModule = require('../build/esm');
+
+module.exports = (mix) => {
+  if (env.buildDocs) {
+  } else {
+    if (mix.env.isProd) {
+      buildIndividual(mix);
+      buildESModule(mix);
+    } else {
+      mix.copy('node_modules/balm-ui/fonts/*', 'docs/fonts');
+    }
+  }
+};

config/balm/api.js

@@ -0,0 +1,5 @@
+const buildDocs = process.argv.includes('--docs');
+
+module.exports = {
+  buildDocs
+};

config/balm/env.js

@@ -0,0 +1,13 @@
+const input = {};
+const components = [];
+const plugins = [];
+const output = {
+  dist: './dist'
+};
+
+module.exports = {
+  input,
+  components,
+  plugins,
+  output
+};

config/balmrc.js config/balm/index.js

@@ -0,0 +1,78 @@
+const pkg = require('../../package.json');
+const alias = require('@rollup/plugin-alias');
+const commonjs = require('@rollup/plugin-commonjs');
+const { nodeResolve } = require('@rollup/plugin-node-resolve');
+const replace = require('@rollup/plugin-replace');
+const { babel } = require('@rollup/plugin-babel');
+const json = require('@rollup/plugin-json');
+const vue = require('rollup-plugin-vue');
+const config = require('./config');
+
+const banner =
+  '/*!\n' +
+  ` * BalmUI v${pkg.version}\n` +
+  ` * (c) 2022-${new Date().getFullYear()} N.Elf-mousE\n` +
+  ' * Released under the MIT License.\n' +
+  ' */';
+
+const baseConfig = {
+  plugins: {
+    preVue: [
+      nodeResolve({
+        browser: true,
+        extensions: ['.js', '.json', '.vue']
+      }),
+      alias({
+        entries: [
+          {
+            find: 'vue',
+            replacement: 'node_modules/vue/dist/vue.esm-bundler.js'
+          }
+        ]
+      })
+    ],
+    vue: {
+      target: 'browser'
+    },
+    babel: {
+      exclude: 'node_modules/**',
+      extensions: ['.js', '.vue'],
+      babelHelpers: 'runtime',
+      presets: [['@babel/preset-env', { modules: false }]]
+    },
+    replace: {
+      preventAssignment: true,
+      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
+      __VUE_OPTIONS_API__: JSON.stringify(true),
+      __VUE_PROD_DEVTOOLS__: JSON.stringify(false)
+    }
+  }
+};
+
+const plugins = [
+  replace(baseConfig.plugins.replace),
+  ...baseConfig.plugins.preVue,
+  vue(baseConfig.plugins.vue),
+  babel(baseConfig.plugins.babel),
+  commonjs(),
+  json()
+];
+
+const external = ['vue'];
+
+function buildESModule(mix) {
+  mix.rollup(
+    {
+      external,
+      input: `./src/scripts/index.js`,
+      plugins
+    },
+    {
+      file: `${config.output.dist}/balm-ui-pro.esm.js`,
+      format: 'es',
+      banner
+    }
+  );
+}
+
+module.exports = buildESModule;

config/build/config.js

@@ -0,0 +1,8 @@
+const config = require('./config');
+
+function buildIndividual(mix) {
+  mix.copy(['./dist/css/*.css', './dist/js/*.js'], config.output.dist);
+  mix.remove(['./dist/css', './dist/js']);
+}
+
+module.exports = buildIndividual;

config/build/esm.js

@@ -1,6 +1,6 @@
 {
   "name": "balm-ui-pro",
-  "version": "0.0.0",
+  "version": "0.1.0",
   "description": "Javascript error tracking",
   "keywords": [],
   "license": "MIT",
@@ -51,6 +51,7 @@
     "markdown-loader": "^8.0.0",
     "prettier": "^2.6.0",
     "prismjs": "^1.28.0",
+    "rollup-plugin-vue": "^6.0.0",
     "vue": "^3.2.30",
     "vue-loader": "^17.0.0",
     "vue-router": "^4.0.0",

config/build/individual.js

@@ -27,7 +27,6 @@
       <ui-readonly-item
         v-if="config.readonly"
         :subitem-class="subitemClass"
-        :config="config"
         :value="value"
       >
         <slot :name="customSlots.readonly" :value="value"></slot>
@@ -67,7 +66,6 @@ export default {
 <script setup>
 import { reactive, toRefs, computed, watch, onBeforeMount } from 'vue';
 import UiReadonlyItem from './readonly-item.vue';
-import { useFormItem } from '../../mixins/form-item';
 import getType from '../../utils/typeof';
 
 const props = defineProps({
@@ -104,8 +102,9 @@ const state = reactive({
 });
 const { formData } = toRefs(state);
 
-const { component, key, componentKey } = useFormItem(props.config);
-
+const component = computed(() => props.config.component || 'unknown-component');
+const key = computed(() => props.config.key || 'unknown-key');
+const componentKey = computed(() => `${component.value}--${key.value}`);
 const customSlots = computed(() => ({
   beforeLabel: `before-label__${componentKey.value}`,
   afterLabel: `after-label__${componentKey.value}`,

package.json

@@ -1,7 +1,5 @@
 <template>
-  <div
-    :class="[subitemClass, 'mdc-readonly-item', `mdc-readonly-item__${key}`]"
-  >
+  <div :class="[subitemClass, 'mdc-readonly-item']">
     <slot>{{ value }}</slot>
   </div>
 </template>
@@ -13,22 +11,14 @@ export default {
 </script>
 
 <script setup>
-import { useFormItem } from '../../mixins/form-item';
-
 const props = defineProps({
   subitemClass: {
     type: String,
     default: ''
   },
-  config: {
-    type: Object,
-    default: () => ({})
-  },
   value: {
     type: null,
     default: ''
   }
 });
-
-const { key } = useFormItem(props.config);
 </script>

src/scripts/components/form-view/form-item.vue

@@ -3070,6 +3070,11 @@ estraverse@^5.1.0, estraverse@^5.2.0:
   resolved "https://registry.npmmirror.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
   integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
 
+estree-walker@^0.6.1:
+  version "0.6.1"
+  resolved "https://registry.npmmirror.com/estree-walker/-/estree-walker-0.6.1.tgz#53049143f40c6eb918b23671d1fe3219f3a1b362"
+  integrity sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==
+
 estree-walker@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmmirror.com/estree-walker/-/estree-walker-1.0.1.tgz#31bc5d612c96b704106b477e6dd5d8aa138cb700"
@@ -4979,6 +4984,22 @@ rimraf@^3.0.2:
   dependencies:
     glob "^7.1.3"
 
+rollup-plugin-vue@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmmirror.com/rollup-plugin-vue/-/rollup-plugin-vue-6.0.0.tgz#e379e93e5ae9a8648522f698be2e452e8672aaf2"
+  integrity sha512-oVvUd84d5u73M2HYM3XsMDLtZRIA/tw2U0dmHlXU2UWP5JARYHzh/U9vcxaN/x/9MrepY7VH3pHFeOhrWpxs/Q==
+  dependencies:
+    debug "^4.1.1"
+    hash-sum "^2.0.0"
+    rollup-pluginutils "^2.8.2"
+
+rollup-pluginutils@^2.8.2:
+  version "2.8.2"
+  resolved "https://registry.npmmirror.com/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz#72f2af0748b592364dbd3389e600e5a9444a351e"
+  integrity sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==
+  dependencies:
+    estree-walker "^0.6.1"
+
 safe-buffer@^5.1.0:
   version "5.2.1"
   resolved "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"