flame-plus 0.1.61 → 0.1.63

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "flame-plus",
   "type": "module",
-  "version": "0.1.61",
+  "version": "0.1.63",
   "description": "基于 element-plus 的组件库",
   "main": "./flameDist/flame-plus.es.js",
   "module": "./flameDist/flame-plus.es.js",
@@ -15,7 +15,8 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "gen": "bash ./scripts/gc.sh"
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.1.0",

package/scripts/gc.sh

@@ -0,0 +1,89 @@
+#! /bin/bash
+
+NAME=$1
+
+FILE_PATH=$(cd "$(dirname "${BASH_SOURCE[0]}")/../src" && pwd)
+
+re="[[:space:]]+"
+
+if [ "$#" -ne 1 ] || [[ $NAME =~ $re ]] || [ "$NAME" == "" ]; then
+  echo "Usage: pnpm gc \${name} with no space"
+  exit 1
+fi
+
+DIRNAME="$FILE_PATH/packages/components/base/$NAME"
+INPUT_NAME=$NAME
+
+if [ -d "$DIRNAME" ]; then
+  echo "$NAME component already exists, please change it"
+  exit 1
+fi
+
+NORMALIZED_NAME=""
+for i in $(echo $NAME | sed 's/[_|-]\([a-z]\)/\ \1/;s/^\([a-z]\)/\ \1/'); do
+  C=$(echo "${i:0:1}" | tr "[:lower:]" "[:upper:]")
+  NORMALIZED_NAME="$NORMALIZED_NAME${C}${i:1}"
+done
+NAME=$NORMALIZED_NAME
+
+mkdir -p "$DIRNAME"
+mkdir -p "$DIRNAME/src"
+mkdir -p "$DIRNAME/__tests__"
+
+cat > $DIRNAME/src/$INPUT_NAME.vue <<EOF
+<template>
+  <div>
+    <slot />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ${INPUT_NAME}Props } from './$INPUT_NAME'
+
+defineOptions({
+  name: 'Flm$NAME',
+})
+
+const props = defineProps(${INPUT_NAME}Props)
+
+// init here
+</script>
+EOF
+
+cat > $DIRNAME/src/$INPUT_NAME.ts <<EOF
+import { buildProps } from 'element-plus/es/utils'
+
+import type { ExtractPropTypes } from 'vue'
+import type $NAME from './$INPUT_NAME.vue'
+
+export const ${INPUT_NAME}Props = buildProps({})
+
+export type ${NAME}Props = ExtractPropTypes<typeof ${INPUT_NAME}Props>
+export type ${NAME}Instance = InstanceType<typeof $NAME>
+EOF
+
+cat <<EOF >"$DIRNAME/index.ts"
+import { withInstall } from 'element-plus/es/utils'
+import $NAME from './src/$INPUT_NAME.vue'
+
+export const Flm$NAME = withInstall($NAME)
+export default Flm$NAME
+
+export * from './src/$INPUT_NAME'
+EOF
+
+cat > $DIRNAME/__tests__/$INPUT_NAME.test.tsx <<EOF
+import { mount } from '@vue/test-utils'
+import { describe, expect, test } from 'vitest'
+import $NAME from '../src/$INPUT_NAME.vue'
+
+const AXIOM = 'Rem is the best girl'
+
+describe('$NAME.vue', () => {
+  test('render test', () => {
+    const wrapper = mount(() => <$NAME>{AXIOM}</$NAME>)
+
+    expect(wrapper.text()).toEqual(AXIOM)
+  })
+})
+EOF