@factoringplus/pl-components-pack-v3 0.1.0 → 0.1.3

package/.browserslistrc

@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not dead

package/.editorconfig

@@ -0,0 +1,7 @@
+[*.{js,jsx,ts,tsx,vue}]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+trim_trailing_whitespace = true
+insert_final_newline = true
+max_line_length = 100

package/.storybook/main.js

@@ -0,0 +1,30 @@
+const path = require('path');
+
+module.exports = {
+  "stories": [
+    "../src/**/*.stories.mdx",
+    "../src/**/*.stories.@(js|jsx|ts|tsx)",
+    "../src/**/**/*.stories.@(js|jsx|ts|tsx)",
+  ],
+  "addons": [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials"
+  ],
+  "framework": "@storybook/vue3",
+  webpackFinal: async (config, { configType }) => {
+    config.module.rules.push(
+      {
+        test: /\.mjs$/,
+        include: /node_modules/,
+        type: 'javascript/auto'
+      },
+      {
+        test: /\.scss$/,
+        use: ['style-loader', 'css-loader', 'sass-loader'],
+        include: path.resolve(__dirname, '../'),
+      }
+    );
+
+    return config;
+  },
+}

package/.storybook/preview.js

@@ -0,0 +1,15 @@
+import { app } from '@storybook/vue3';
+import ElementPlus from 'element-plus';
+import 'element-plus/dist/index.css';
+
+app.use(ElementPlus);
+
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+}

package/build/rollup.config.js

@@ -0,0 +1,37 @@
+import commonjs from '@rollup/plugin-commonjs'; // Конвертирование CommonJS модулей в ES6
+import vue from 'rollup-plugin-vue'; // Обработка однофайловых компонентов .vue
+import buble from '@rollup/plugin-buble'; // Транспиляция/добавление полифилов для умеренной поддержки браузеров
+import postcss from 'rollup-plugin-postcss';
+import { terser } from 'rollup-plugin-terser';
+
+export default {
+  input: 'entry.js', // Путь до относительного package.json
+  plugins: [
+    vue({
+      css: false, // Динамически внедряем CSS в тег <style>
+      compileTemplate: true, // Явное преобразование шаблона в рендер-функцию
+    }),
+    postcss({
+      minimize: true,
+      extract: 'styles/pl-components-pack.css',
+    }),
+    buble(), // Транспиляция в ES5
+    terser(),
+  ],
+  external: [
+    'jquery',
+    'element-ui',
+    'lodash',
+    'axios',
+    'moment',
+    'sweetalert',
+    'vue-infinite-loading',
+    'vue-currency-input',
+    'vue-resize',
+  ],
+  output: {
+    format: 'esm',
+    compact: true,
+    file: 'dist/pl-components-pack-v3.esm.js',
+  },
+};

package/entry.js

@@ -1,37 +1,35 @@
 import PlCurrency from './src/components/pl-currency/src/pl-currency.vue';
 
-export default PlCurrency;
+// Объявление функции установки, выполняемой Vue.use()
+export function install(Vue) {
+  if (install.installed) {
+    return;
+  }
+  install.installed = true;
+  Vue.component('PlCurrency', PlCurrency);
+}
 
-// // Объявление функции установки, выполняемой Vue.use()
-// export function install(Vue) {
-//   if (install.installed) {
-//     return;
-//   }
-//   install.installed = true;
-//   Vue.component('PlCurrency', PlCurrency);
-// }
-//
-// // Создание значения модуля для Vue.use()
-// const plugin = {
-//   install,
-// };
-//
-// // Автоматическая установка, когда vue найден (например в браузере с помощью тега <script>)
-// let GlobalVue = null;
-// if (typeof window !== 'undefined') {
-//   GlobalVue = window.Vue;
-// } else if (typeof global !== 'undefined') {
-//   GlobalVue = global.Vue;
-// }
-// if (GlobalVue) {
-//   GlobalVue.use(plugin);
-// }
-//
-// PlCurrency.install = install;
-//
-// // Экспорт компонента, для использования в качестве модуля (npm/webpack/etc.)
-// export default {
-//   version: '0.1.0',
-//   install,
-//   PlCurrency,
-// };
+// Создание значения модуля для Vue.use()
+const plugin = {
+  install,
+};
+
+// Автоматическая установка, когда vue найден (например в браузере с помощью тега <script>)
+let GlobalVue = null;
+if (typeof window !== 'undefined') {
+  GlobalVue = window.Vue;
+} else if (typeof global !== 'undefined') {
+  GlobalVue = global.Vue;
+}
+if (GlobalVue) {
+  GlobalVue.use(plugin);
+}
+
+PlCurrency.install = install;
+
+// Экспорт компонента, для использования в качестве модуля (npm/webpack/etc.)
+export default {
+  version: '0.1.3',
+  install,
+  PlCurrency,
+};

package/package.json

@@ -1,18 +1,27 @@
 {
   "name": "@factoringplus/pl-components-pack-v3",
-  "version": "0.1.0",
+  "version": "0.1.3",
   "private": false,
+  "module": "dist/pl-components-pack-v3.esm.js",
+  "unpkg": "dist/pl-components-pack-v3.min.js",
   "scripts": {
     "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
+    "build": "rollup --config build/rollup.config.js",
     "lint": "vue-cli-service lint",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
     "build-library": "vue-cli-service build --target lib --name @factoringplus/pl-components-pack-v3 ./entry.js"
   },
   "dependencies": {
+    "@rollup/plugin-buble": "^0.21.3",
+    "@rollup/plugin-commonjs": "^21.0.2",
     "core-js": "^3.6.5",
     "element-plus": "^2.0.1",
+    "postcss": "^8.4.7",
+    "rollup": "^2.68.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-vue": "^6.0.0",
     "vue": "^3.0.0",
     "vue-currency-input": "^2.4.0",
     "vue-router": "^4.0.0-0",
@@ -51,19 +60,10 @@
     ]
   },
   "description": "## Project setup ``` npm install ```",
-  "main": ".dist/@factoringplus/pl-components-pack-v3.common.js",
   "repository": {
     "type": "git",
     "url": "https://bitbucket.izumfin.com/scm/plat/storybook3.git"
   },
   "author": "",
-  "files": [
-    "dist/*",
-    "src/*",
-    "public/*",
-    "*.json",
-    "*.js",
-    "plugins/*"
-  ],
   "license": "ISC"
 }

package/vue.config.js

@@ -1,8 +1,3 @@
 module.exports = {
   lintOnSave: false,
-  configureWebpack: {
-    output: {
-      libraryExport: 'default',
-    },
-  },
 };