test/element-plus
1
0
Fork 0
mirror of https://gitee.com/element-plus/element-plus.git synced 2024-11-29 17:58:08 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

chore: gen script does not support hyphens (#18704)

Browse Source 
* chore: gen script does not support hyphens

* chore: optimize regular matching

* chore: optimize regular matching

* chore: updata template

* feat: generate style files

* chore: add instance
This commit is contained in:
qiang 2024-11-04 21:19:29 +08:00 committed by GitHub
parent 7121b57d77
commit f23e4b294e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 39 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
scripts/gc.sh
View File

@ -1,13 +1,13 @@
#! /bin/bash
NAME=$1
NAME=$(echo $1 | sed -E "s/([A-Z])/-\1/g" | sed -E "s/^-//g" | sed -E "s/_/-/g" | tr "A-Z" "a-z")
FILE_PATH=$(cd "$(dirname "${BASH_SOURCE[0]}")/../packages" && pwd)
re="[[:space:]]+"
if [ "$#" -ne 1 ] || [[ $NAME =~ $re ]] || [ "$NAME" == "" ]; then
echo "Usage: pnpm gc \${name} with no space"
echo "Usage: pnpm gen \${name} with no space"
exit 1
fi
@ -19,15 +19,12 @@ if [ -d "$DIRNAME" ]; then
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
NAME=$(echo $NAME | awk -F'-' '{ for(i=1; i<=NF; i++) { $i = toupper(substr($i,1,1)) tolower(substr($i,2)) } print $0 }' OFS='')
PROP_NAME=$(echo "${NAME:0:1}" | tr '[:upper:]' '[:lower:]')${NAME:1}
mkdir -p "$DIRNAME"
mkdir -p "$DIRNAME/src"
mkdir -p "$DIRNAME/style"
mkdir -p "$DIRNAME/__tests__"
cat > $DIRNAME/src/$INPUT_NAME.vue <<EOF
@ -38,13 +35,14 @@ cat > $DIRNAME/src/$INPUT_NAME.vue <<EOF
</template>
<script lang="ts" setup>
import { ${INPUT_NAME}Props } from './$INPUT_NAME'
import { ${PROP_NAME}Emits, ${PROP_NAME}Props } from './$INPUT_NAME'
defineOptions({
name: 'El$NAME',
})
const props = defineProps(${INPUT_NAME}Props)
const props = defineProps(${PROP_NAME}Props)
const emit = defineEmits(${PROP_NAME}Emits)
// init here
</script>
@ -54,22 +52,30 @@ cat > $DIRNAME/src/$INPUT_NAME.ts <<EOF
import { buildProps } from '@element-plus/utils'
import type { ExtractPropTypes } from 'vue'
export const ${PROP_NAME}Props = buildProps({} as const)
export type ${NAME}Props = ExtractPropTypes<typeof ${PROP_NAME}Props>
export const ${PROP_NAME}Emits = {}
export type ${NAME}Emits = typeof ${PROP_NAME}Emits
EOF
cat > $DIRNAME/src/instance.ts <<EOF
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/utils'
import $NAME from './src/$INPUT_NAME.vue'
import type { SFCWithInstall } from '@element-plus/utils'
export const El$NAME = withInstall($NAME)
export const El$NAME: SFCWithInstall<typeof $NAME> = withInstall($NAME)
export default El$NAME
export * from './src/$INPUT_NAME'
export type { ${NAME}Instance } from './src/instance'
EOF
cat > $DIRNAME/__tests__/$INPUT_NAME.test.tsx <<EOF
@ -87,3 +93,22 @@ describe('$NAME.vue', () => {
})
})
EOF
cat > $DIRNAME/style/index.ts <<EOF
import '@element-plus/components/base/style'
import '@element-plus/theme-chalk/src/$INPUT_NAME.scss'
EOF
cat > $DIRNAME/style/css.ts <<EOF
import '@element-plus/components/base/style/css'
import '@element-plus/theme-chalk/el-$INPUT_NAME.css'
EOF
cat > $FILE_PATH/theme-chalk/src/$INPUT_NAME.scss <<EOF
EOF
perl -0777 -pi -e "s/\n\n/\nexport * from '.\/$INPUT_NAME'\n\n/" $FILE_PATH/components/index.ts
TYPE_PATH=$(cd "$(dirname "${BASH_SOURCE[0]}")/../typings" && pwd)
perl -0777 -pi -e "s/\n\s+}/\n El$NAME: typeof import('element-plus')['El$NAME']\n }/" $TYPE_PATH/global.d.ts